fix(intl-phone-input): fix carret position on backspace (#840)

#806 Co-authored-by: Кононенко Артем Игоревич <AIKononenko@alfabank.ru>
core-ds · Sep 27, 2021 · c786ac1 · c786ac1
1 parent e15cf1d
commit c786ac1
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/packages/intl-phone-input/src/usePreventCaretReset.ts b/packages/intl-phone-input/src/usePreventCaretReset.ts
@@ -12,15 +12,14 @@ export function usePreventCaretReset({ inputRef, clearableCountryCode, countryCo
             const input = event.target as HTMLInputElement;
             const caretPosition = input.selectionStart;
 
-            if (event.key !== 'Backspace' || !caretPosition) return;
+            if (event.key === 'ArrowRight' || event.key === 'ArrowLeft' || !caretPosition) return;
 
             if (!clearableCountryCode && caretPosition <= countryCodeLength) {
                 event.preventDefault();
-
                 return;
             }
 
-            const newPosition = caretPosition - 1;
+            const newPosition = event.key === 'Backspace' ? caretPosition - 1 : caretPosition + 1;
 
             requestAnimationFrame(() => {
                 input.setSelectionRange(newPosition, newPosition);