[fix] Firefox UI for numeric TextInput

Fix #900
necolas · May 18, 2018 · 5ef8ee8 · 5ef8ee8
1 parent b894417
commit 5ef8ee8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/react-native-web/src/exports/StyleSheet/StyleSheetValidation.js b/packages/react-native-web/src/exports/StyleSheet/StyleSheetValidation.js
@@ -103,5 +103,6 @@ StyleSheetValidation.addValidStylePropTypes({
   pointerEvents: string,
   tableLayout: string,
   /* @private */
-  MozAppearance: string
+  MozAppearance: string,
+  WebkitAppearance: string
 });
diff --git a/packages/react-native-web/src/exports/TextInput/index.js b/packages/react-native-web/src/exports/TextInput/index.js
@@ -408,7 +408,7 @@ class TextInput extends Component<*> {
 const styles = StyleSheet.create({
   initial: {
     MozAppearance: 'textfield',
-    appearance: 'none',
+    WebkitAppearance: 'none',
     backgroundColor: 'transparent',
     borderColor: 'black',
     borderRadius: 0,