Fix/ TextField for react-native-web (#2374)

* fix TextField for react-native-web

* add Constants.isWeb

Author: lidord-wix

src/commons/Constants.ts

@@ -8,6 +8,7 @@ export enum orientations {
 
 const isAndroid: boolean = Platform.OS === 'android';
 const isIOS: boolean = Platform.OS === 'ios';
+const isWeb: boolean = Platform.OS === 'web';
 let isTablet: boolean;
 let statusBarHeight: number;
 let screenHeight: number = Dimensions.get('screen').height;
@@ -68,6 +69,7 @@ const constants = {
   orientations,
   isAndroid,
   isIOS,
+  isWeb,
   getAndroidVersion: () => {
     return isAndroid ? parseInt(Platform.Version as string, 10) : undefined;
   },

src/incubator/TextField/FloatingPlaceholder.tsx

@@ -71,7 +71,7 @@ const FloatingPlaceholder = (props: FloatingPlaceholderProps) => {
   }, []);
 
   return (
-    <View absF style={hidePlaceholder && styles.hidden}>
+    <View absF style={hidePlaceholder && styles.hidden} pointerEvents={'none'}>
       <Text
         animated
         color={getColorByState(floatingPlaceholderColor, context)}

src/incubator/TextField/Input.tsx

@@ -58,6 +58,7 @@ const styles = StyleSheet.create({
   input: {
     flexGrow: 1,
     textAlign: Constants.isRTL ? 'right' : 'left',
+    outlineWidth: Constants.isWeb ? 0 : undefined,
     // Setting paddingTop/Bottom separately fix height issues on iOS with multiline
     paddingTop: 0,
     paddingBottom: 0,