fix: remove outline from Searchbar on Web (#2961)

callstack · Dec 10, 2021 · 1684719 · 1684719
1 parent 69d5ffe
commit 1684719
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/components/Searchbar.tsx b/src/components/Searchbar.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react';
 import {
+  Platform,
   StyleSheet,
   StyleProp,
   TextInput,
@@ -190,7 +191,15 @@ const Searchbar = React.forwardRef<TextInputHandles, Props>(
           accessibilityLabel={searchAccessibilityLabel}
         />
         <TextInput
-          style={[styles.input, { color: textColor, ...font }, inputStyle]}
+          style={[
+            styles.input,
+            {
+              color: textColor,
+              ...font,
+              ...Platform.select({ web: { outline: 'none' } }),
+            },
+            inputStyle,
+          ]}
           placeholder={placeholder || ''}
           placeholderTextColor={colors.placeholder}
           selectionColor={colors.primary}