TextField - fix web flexness (#2835)

M-i-k-e-l · web-flow · commit ee7dd7bbcfcc · 2023-12-06T07:33:19.000+02:00
diff --git a/src/components/textField/FloatingPlaceholder.tsx b/src/components/textField/FloatingPlaceholder.tsx
@@ -87,6 +87,7 @@ const FloatingPlaceholder = (props: FloatingPlaceholderProps) => {
         onLayout={onPlaceholderLayout}
         testID={testID}
         recorderTag={'unmask'}
+        numberOfLines={1}
       >
         {shouldRenderIndication ? placeholder?.concat('*') : placeholder}
       </Text>
diff --git a/src/components/textField/index.tsx b/src/components/textField/index.tsx
@@ -156,7 +156,7 @@ const TextField = (props: InternalTextFieldProps) => {
             Known Issue: This slightly push the trailing accessory when entering a long text
           */}
           {children || (
-            <View flexG>
+            <View flexG={!Constants.isWeb} flex={Constants.isWeb}>
               {/* Note: Render dummy placeholder for Android center issues */}
               {Constants.isAndroid && centered && (
                 <Text marginR-s1 style={dummyPlaceholderStyle}>

Original file line number	Diff line number	Diff line change
`@@ -87,6 +87,7 @@ const FloatingPlaceholder = (props: FloatingPlaceholderProps) => {`
`87`	`87`	`onLayout={onPlaceholderLayout}`
`88`	`88`	`testID={testID}`
`89`	`89`	`recorderTag={'unmask'}`
	`90`	`+ numberOfLines={1}`
`90`	`91`	`>`
`91`	`92`	`{shouldRenderIndication ? placeholder?.concat('*') : placeholder}`
`92`	`93`	`</Text>`