fixing text paste functionality that was broken by upload file functi…

…onality
OvidijusParsiunas · Apr 9, 2024 · ca07e31 · ca07e31
1 parent 0001b7c
commit ca07e31
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/component/src/views/chat/input/textInput/pasteUtils.ts b/component/src/views/chat/input/textInput/pasteUtils.ts
@@ -2,6 +2,6 @@ export class PasteUtils {
   public static sanitizePastedTextContent(event: ClipboardEvent) {
     event.preventDefault();
     const text = event.clipboardData?.getData('text/plain');
-    document.execCommand?.('insertText', false, text);
+    if (text) document.execCommand?.('insertText', false, text);
   }
 }
diff --git a/component/src/views/chat/input/textInput/textInput.ts b/component/src/views/chat/input/textInput/textInput.ts
@@ -97,7 +97,7 @@ export class TextInputEl {
       inputElement.onblur = this.onBlur.bind(this, textInput.styles.focus, textInput?.styles?.container);
     }
     inputElement.addEventListener('keydown', this.onKeydown.bind(this));
-    inputElement.onpaste = PasteUtils.sanitizePastedTextContent;
+    inputElement.addEventListener('paste', PasteUtils.sanitizePastedTextContent);
   }
 
   private onFocus(focusStyle?: CustomStyle) {

diff --git a/component/src/views/chat/input/textInput/textInputEvents.ts b/component/src/views/chat/input/textInput/textInputEvents.ts
@@ -17,10 +17,10 @@ export class TextInputEvents {
       inputElement.addEventListener('keydown', TextInputEvents.onKeyDown.bind(this, characterLimit));
     }
     inputElement.oninput = TextInputEvents.onInput.bind(this, characterLimit, validationHandler);
-    inputElement.onpaste = (event) => {
+    inputElement.addEventListener('paste', (event) => {
       event.preventDefault();
       if (event.clipboardData?.files.length) fileAts.addFilesToAnyType(Array.from(event.clipboardData.files));
-    };
+    });
   }
 
   // preventing insertion early for a nicer UX