From 96c3f09fac4a3288e78352a878ab20ac71acf55e Mon Sep 17 00:00:00 2001
From: Nicolas Gallagher <nicolasgallagher@gmail.com>
Date: Thu, 19 Apr 2018 11:48:31 -0700
Subject: [PATCH] [fix] Firefox UI for numeric TextInput

Fix #900
---
 .../src/exports/StyleSheet/StyleSheetValidation.js             | 3 ++-
 packages/react-native-web/src/exports/TextInput/index.js       | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/react-native-web/src/exports/StyleSheet/StyleSheetValidation.js b/packages/react-native-web/src/exports/StyleSheet/StyleSheetValidation.js
index 3fc1fc88..96500046 100644
--- 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
index 2c9677ba..e17707d8 100644
--- 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,