Fix address input cursor behaviour (#584)

zeriontech · Aug 16, 2024 · 869f2c7 · 869f2c7
1 parent 59acff3
commit 869f2c7
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/ui/pages/SendForm/fieldsets/AddressInput/AddressInput.tsx b/src/ui/pages/SendForm/fieldsets/AddressInput/AddressInput.tsx
@@ -291,10 +291,6 @@ export function AddressInput({
     getItemId: (index) =>
       items[index] ? `${items[index]?.groupType}-${items[index]?.address}` : '',
     itemToString: (item) => (item ? getTitle(item) : ''),
-    onInputValueChange: ({ inputValue }) => {
-      setShowAllItems(false);
-      onChange(inputValue ?? '');
-    },
     onSelectedItemChange: ({ selectedItem }) => {
       if (!selectedItem) {
         return;
@@ -357,9 +353,15 @@ export function AddressInput({
             </UnstyledButton>
             <UIText kind="headline/h3">
               <UnstyledInput
-                autoFocus={autoFocus}
                 {...getInputProps({
                   ...inputProps,
+                  // use onChange instead of onInputValueChange for controlled inputs
+                  // https://github.com/downshift-js/downshift/issues/1108#issuecomment-674180157
+                  onChange: (e) => {
+                    setShowAllItems(false);
+                    onChange(e.currentTarget.value ?? '');
+                  },
+                  autoFocus,
                   placeholder: 'Address, domain or identity',
                   style: { width: '100%' },
                 })}