fix: fixed issue with textinput styling after new release (#4466)

* fix: fixed issue with textinput styling after new release * fix: updated snapshots
callstack · Jul 28, 2024 · 1781221 · 1781221
1 parent 0df24ee
commit 1781221
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 22 deletions.
diff --git a/src/components/TextInput/TextInputFlat.tsx b/src/components/TextInput/TextInputFlat.tsx
@@ -443,11 +443,11 @@ const styles = StyleSheet.create({
   labelContainer: {
     paddingTop: 0,
     paddingBottom: 0,
-    flex: 1,
+    flexGrow: 1,
   },
   input: {
     margin: 0,
-    flex: 1,
+    flexGrow: 1,
   },
   inputFlat: {
     paddingTop: 24,

diff --git a/src/components/TextInput/TextInputOutlined.tsx b/src/components/TextInput/TextInputOutlined.tsx
@@ -429,11 +429,11 @@ export default TextInputOutlined;
 const styles = StyleSheet.create({
   labelContainer: {
     paddingBottom: 0,
-    flex: 1,
+    flexGrow: 1,
   },
   input: {
     margin: 0,
-    flex: 1,
+    flexGrow: 1,
   },
   inputOutlined: {
     paddingTop: 8,

diff --git a/src/components/__tests__/__snapshots__/TextInput.test.tsx.snap b/src/components/__tests__/__snapshots__/TextInput.test.tsx.snap
@@ -38,7 +38,7 @@ exports[`call onPress when affix adornment pressed 1`] = `
     style={
       [
         {
-          "flex": 1,
+          "flexGrow": 1,
           "paddingBottom": 0,
           "paddingTop": 0,
         },
@@ -187,7 +187,7 @@ exports[`call onPress when affix adornment pressed 1`] = `
       style={
         [
           {
-            "flex": 1,
+            "flexGrow": 1,
             "margin": 0,
           },
           {},
@@ -337,7 +337,7 @@ exports[`correctly applies a component as the text label 1`] = `
     style={
       [
         {
-          "flex": 1,
+          "flexGrow": 1,
           "paddingBottom": 0,
           "paddingTop": 0,
         },
@@ -503,7 +503,7 @@ exports[`correctly applies a component as the text label 1`] = `
       style={
         [
           {
-            "flex": 1,
+            "flexGrow": 1,
             "margin": 0,
           },
           {},
@@ -577,7 +577,7 @@ exports[`correctly applies cursorColor prop 1`] = `
     style={
       [
         {
-          "flex": 1,
+          "flexGrow": 1,
           "paddingBottom": 0,
           "paddingTop": 0,
         },
@@ -727,7 +727,7 @@ exports[`correctly applies cursorColor prop 1`] = `
       style={
         [
           {
-            "flex": 1,
+            "flexGrow": 1,
             "margin": 0,
           },
           {},
@@ -801,7 +801,7 @@ exports[`correctly applies default textAlign based on default RTL 1`] = `
     style={
       [
         {
-          "flex": 1,
+          "flexGrow": 1,
           "paddingBottom": 0,
           "paddingTop": 0,
         },
@@ -951,7 +951,7 @@ exports[`correctly applies default textAlign based on default RTL 1`] = `
       style={
         [
           {
-            "flex": 1,
+            "flexGrow": 1,
             "margin": 0,
           },
           {},
@@ -1018,7 +1018,7 @@ exports[`correctly applies height to multiline Outline TextInput 1`] = `
     style={
       [
         {
-          "flex": 1,
+          "flexGrow": 1,
           "paddingBottom": 0,
         },
         {
@@ -1207,7 +1207,7 @@ exports[`correctly applies height to multiline Outline TextInput 1`] = `
       style={
         [
           {
-            "flex": 1,
+            "flexGrow": 1,
             "margin": 0,
           },
           {
@@ -1282,7 +1282,7 @@ exports[`correctly applies paddingLeft from contentStyleProp 1`] = `
     style={
       [
         {
-          "flex": 1,
+          "flexGrow": 1,
           "paddingBottom": 0,
           "paddingTop": 0,
         },
@@ -1432,7 +1432,7 @@ exports[`correctly applies paddingLeft from contentStyleProp 1`] = `
       style={
         [
           {
-            "flex": 1,
+            "flexGrow": 1,
             "margin": 0,
           },
           {},
@@ -1508,7 +1508,7 @@ exports[`correctly applies textAlign center 1`] = `
     style={
       [
         {
-          "flex": 1,
+          "flexGrow": 1,
           "paddingBottom": 0,
           "paddingTop": 0,
         },
@@ -1658,7 +1658,7 @@ exports[`correctly applies textAlign center 1`] = `
       style={
         [
           {
-            "flex": 1,
+            "flexGrow": 1,
             "margin": 0,
           },
           {},
@@ -1732,7 +1732,7 @@ exports[`correctly renders left-side affix adornment, and right-side icon adornm
     style={
       [
         {
-          "flex": 1,
+          "flexGrow": 1,
           "paddingBottom": 0,
           "paddingTop": 0,
         },
@@ -1882,7 +1882,7 @@ exports[`correctly renders left-side affix adornment, and right-side icon adornm
       style={
         [
           {
-            "flex": 1,
+            "flexGrow": 1,
             "margin": 0,
           },
           {},
@@ -2158,7 +2158,7 @@ exports[`correctly renders left-side icon adornment, and right-side affix adornm
     style={
       [
         {
-          "flex": 1,
+          "flexGrow": 1,
           "paddingBottom": 0,
           "paddingTop": 0,
         },
@@ -2308,7 +2308,7 @@ exports[`correctly renders left-side icon adornment, and right-side affix adornm
       style={
         [
           {
-            "flex": 1,
+            "flexGrow": 1,
             "margin": 0,
           },
           {},