fix: send message - user navigates to Room tab when dragging to select e-mail from Chat tab

src/components/MapView/responder/index.ts

@@ -1,8 +1,3 @@
-import {PanResponder} from 'react-native';
+import SwipeInterceptPanResponder from '../../SwipeInterceptPanResponder';
 
-const responder = PanResponder.create({
-    onMoveShouldSetPanResponder: () => true,
-    onPanResponderTerminationRequest: () => false,
-});
-
-export default responder;
+export default SwipeInterceptPanResponder;

src/components/OptionsSelector/BaseOptionsSelector.js

@@ -364,6 +364,7 @@ class BaseOptionsSelector extends Component {
                 selectTextOnFocus
                 blurOnSubmit={Boolean(this.state.allOptions.length)}
                 spellCheck={false}
+                canInterceptSwipe
             />
         );
         const optionsList = (

src/components/RoomNameInput/index.js

@@ -62,6 +62,7 @@ function RoomNameInput({isFocused, autoFocus, disabled, errorText, forwardedRef,
             autoFocus={isFocused && autoFocus}
             maxLength={CONST.REPORT.MAX_ROOM_NAME_LENGTH}
             spellCheck={false}
+            canInterceptSwipe
         />
     );
 }

src/components/SwipeInterceptPanResponder.js

@@ -0,0 +1,8 @@
+import {PanResponder} from 'react-native';
+
+const SwipeInterceptPanResponder = PanResponder.create({
+    onMoveShouldSetPanResponder: () => true,
+    onPanResponderTerminationRequest: () => false,
+});
+
+export default SwipeInterceptPanResponder;

src/components/TextInput/BaseTextInput.js

@@ -22,6 +22,7 @@ import PressableWithoutFeedback from '../Pressable/PressableWithoutFeedback';
 import withLocalize from '../withLocalize';
 import useNativeDriver from '../../libs/useNativeDriver';
 import * as Browser from '../../libs/Browser';
+import SwipeInterceptPanResponder from '../SwipeInterceptPanResponder';
 
 function BaseTextInput(props) {
     const inputValue = props.value || props.defaultValue || '';
@@ -257,7 +258,11 @@ function BaseTextInput(props) {
 
     return (
         <>
-            <View style={styles.pointerEventsNone}>
+            <View
+                style={styles.pointerEventsNone}
+                // eslint-disable-next-line react/jsx-props-no-spreading
+                {...(props.canInterceptSwipe && SwipeInterceptPanResponder.panHandlers)}
+            >
                 <PressableWithoutFeedback
                     onPress={onPress}
                     focusable={false}

src/components/TextInput/baseTextInputPropTypes.js

@@ -93,6 +93,9 @@ const propTypes = {
 
     /** Set the default value to the input if there is a valid saved value */
     shouldUseDefaultValue: PropTypes.bool,
+
+    /** Indicate whether or not the input should prevent swipe actions in tabs */
+    canInterceptSwipe: PropTypes.bool,
 };
 
 const defaultProps = {
@@ -129,6 +132,7 @@ const defaultProps = {
     icon: null,
     shouldUseDefaultValue: false,
     multiline: false,
+    canInterceptSwipe: false,
 };
 
 export {propTypes, defaultProps};