Merge pull request Expensify#60106 from linhvovan29546/fix/ignore-scrolling-on-mobile-chorme-after-long-press

fix: ignore scrolling on mobile chrome after long press item

Author: thienlnam

src/components/Search/SearchList.tsx

@@ -294,8 +294,15 @@ function SearchList(
                     onSelectRow={onSelectRow}
                     onFocus={(event: NativeSyntheticEvent<ExtendedTargetedEvent>) => {
                         // Prevent unexpected scrolling on mobile Chrome after the context menu closes by ignoring programmatic focus not triggered by direct user interaction.
-                        if (isMobileChrome() && event.nativeEvent && !event.nativeEvent.sourceCapabilities) {
-                            return;
+                        if (isMobileChrome() && event.nativeEvent) {
+                            if (!event.nativeEvent.sourceCapabilities) {
+                                return;
+                            }
+                            // Ignore the focus if it's caused by a touch event on mobile chrome.
+                            // For example, a long press will trigger a focus event on mobile chrome
+                            if (event.nativeEvent.sourceCapabilities.firesTouchEvents) {
+                                return;
+                            }
                         }
                         setFocusedIndex(index);
                     }}

src/components/SelectionList/types.ts

@@ -99,7 +99,10 @@ type ListItemFocusEventHandler = (event: NativeSyntheticEvent<ExtendedTargetedEv
 
 type ExtendedTargetedEvent = TargetedEvent & {
     /** Provides information about the input device responsible for the event, or null if triggered programmatically, available in some browsers */
-    sourceCapabilities?: unknown;
+    sourceCapabilities?: {
+        /** A boolean value that indicates whether the device dispatches touch events. */
+        firesTouchEvents: boolean;
+    };
 };
 
 type ListItem = {