fix(input): fixed double tab for Input component for react-native-web (…

…#1596)
akveo · Mar 22, 2022 · d8dcf05 · d8dcf05
1 parent cebfa4f
commit d8dcf05
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/devsupport/components/touchableWithoutFeedback.component.tsx b/src/components/devsupport/components/touchableWithoutFeedback.component.tsx
@@ -16,6 +16,7 @@ import {
 export interface TouchableWithoutFeedbackProps extends TouchableOpacityProps {
   useDefaultHitSlop?: boolean;
   children?: React.ReactNode;
+  focusable?: boolean;
 }
 
 export type TouchableWithoutFeedbackElement = React.ReactElement<TouchableWithoutFeedbackProps>;

diff --git a/src/components/ui/input/input.component.tsx b/src/components/ui/input/input.component.tsx
@@ -263,6 +263,7 @@ export class Input extends React.Component<InputProps> implements WebEventRespon
       <TouchableWithoutFeedback
         testID={testID}
         style={evaStyle.container}
+        focusable={false}
         onPress={this.focus}>
         <FalsyText
           style={[evaStyle.label, styles.label]}
@@ -288,8 +289,8 @@ export class Input extends React.Component<InputProps> implements WebEventRespon
             component={accessoryRight}
           />
         </View>
-        <FalsyText 
-          style={[evaStyle.captionLabel, styles.captionLabel]} 
+        <FalsyText
+          style={[evaStyle.captionLabel, styles.captionLabel]}
           component={caption}
         />
       </TouchableWithoutFeedback>