Merge pull request #41381 from Krishna2323/krishna2323/issue/41104

fix: Can't drag mouse to select text in input.
Expensify · May 3, 2024 · a16880c · a16880c
2 parents 0ae357e + c9c4e27
commit a16880c
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/src/components/SelectionList/BaseSelectionList.tsx b/src/components/SelectionList/BaseSelectionList.tsx
@@ -75,6 +75,7 @@ function BaseSelectionList<TItem extends ListItem>(
         textInputIconLeft,
         sectionTitleStyles,
         textInputAutoFocus = true,
+        shouldTextInputInterceptSwipe = false,
     }: BaseSelectionListProps<TItem>,
     ref: ForwardedRef<SelectionListHandle>,
 ) {
@@ -550,6 +551,7 @@ function BaseSelectionList<TItem extends ListItem>(
                                 blurOnSubmit={!!flattenedSections.allOptions.length}
                                 isLoading={isLoadingNewOptions}
                                 testID="selection-list-text-input"
+                                shouldInterceptSwipe={shouldTextInputInterceptSwipe}
                             />
                         </View>
                     )}

diff --git a/src/components/SelectionList/types.ts b/src/components/SelectionList/types.ts
@@ -271,6 +271,9 @@ type BaseSelectionListProps<TItem extends ListItem> = Partial<ChildrenProps> & {
     /** Input mode for the text input */
     inputMode?: InputModeOptions;
 
+    /** Whether the text input should intercept swipes or not */
+    shouldTextInputInterceptSwipe?: boolean;
+
     /** Item `keyForList` to focus initially */
     initiallyFocusedOptionKey?: string | null;
 

diff --git a/src/pages/NewChatPage.tsx b/src/pages/NewChatPage.tsx
@@ -302,6 +302,7 @@ function NewChatPage({isGroupChat}: NewChatPageProps) {
                     shouldPreventDefaultFocusOnSelectRow={!DeviceCapabilities.canUseTouchScreen()}
                     isLoadingNewOptions={!!isSearchingForReports}
                     initiallyFocusedOptionKey={firstKeyForList}
+                    shouldTextInputInterceptSwipe
                 />
                 {isSmallScreenWidth && <OfflineIndicator />}
             </KeyboardAvoidingView>