Merge pull request #90125 from software-mansion-labs/@GCyganek/fix/split-list-handle-input-focus

Fix Split - The input field loses focus while typing the split amount.

Author: mjasikowski

src/pages/iou/SplitList/useHandleInputFocus/index.android.ts

@@ -1,16 +1,20 @@
+import {useCallback} from 'react';
 import type {SplitListItemType} from '@components/SelectionList/ListItem/types';
 import useIsInLandscapeMode from '@hooks/useIsInLandscapeMode';
 import type UseHandleInputFocusProps from './types';
 
 function useHandleInputFocus({listRef}: UseHandleInputFocusProps) {
     const isInLandscapeMode = useIsInLandscapeMode();
 
-    return (item: SplitListItemType) => {
-        if (!listRef.current || isInLandscapeMode) {
-            return;
-        }
-        listRef.current?.scrollToFocusedInput(item);
-    };
+    return useCallback(
+        (item: SplitListItemType) => {
+            if (!listRef.current || isInLandscapeMode) {
+                return;
+            }
+            listRef.current?.scrollToFocusedInput(item);
+        },
+        [listRef, isInLandscapeMode],
+    );
 }
 
 export default useHandleInputFocus;

src/pages/iou/SplitList/useHandleInputFocus/index.ts

@@ -1,13 +1,17 @@
+import {useCallback} from 'react';
 import type {SplitListItemType} from '@components/SelectionList/ListItem/types';
 import type UseHandleInputFocusProps from './types';
 
 function useHandleInputFocus({listRef}: UseHandleInputFocusProps) {
-    return (item: SplitListItemType) => {
-        if (!listRef.current) {
-            return;
-        }
-        listRef.current?.scrollToFocusedInput(item);
-    };
+    return useCallback(
+        (item: SplitListItemType) => {
+            if (!listRef.current) {
+                return;
+            }
+            listRef.current?.scrollToFocusedInput(item);
+        },
+        [listRef],
+    );
 }
 
 export default useHandleInputFocus;