fix: ChipTextField cursor resetting position in Safari (#978)

homebound-team · Dec 5, 2023 · 91c79d5 · 91c79d5
1 parent 6aa3ae7
commit 91c79d5
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/inputs/ChipTextField.tsx b/src/inputs/ChipTextField.tsx
@@ -80,9 +80,11 @@ export function ChipTextField(props: ChipTextFieldProps) {
         }
       }}
       onInput={(e: KeyboardEvent<HTMLElement>) => {
-        // Prevent user from pasting content that has new line characters and replace with empty space.
         const target = e.target as HTMLElement;
-        target.textContent = target.textContent?.replace(/[\n\r]/g, " ") ?? "";
+        if ("inputType" in e.nativeEvent && e.nativeEvent.inputType === "insertFromPaste") {
+          // Clean up any formatting from pasted text
+          target.innerHTML = target.textContent?.replace(/[A\n\r]/g, " ") ?? "";
+        }
         onChange(target.textContent ?? "");
       }}
       {...focusProps}