From 869f2c76aec670a2919c1f64f855c6f5d01151e6 Mon Sep 17 00:00:00 2001
From: Andrey <zertsalov2910@gmail.com>
Date: Fri, 16 Aug 2024 13:16:55 +0100
Subject: [PATCH] Fix address input cursor behaviour (#584)

---
 .../SendForm/fieldsets/AddressInput/AddressInput.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/ui/pages/SendForm/fieldsets/AddressInput/AddressInput.tsx b/src/ui/pages/SendForm/fieldsets/AddressInput/AddressInput.tsx
index b0ea48f32..02072ecfe 100644
--- 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%' },
                 })}