fix(text-field): correctly resizes when setting width

PiperOrigin-RevId: 465164744
material-components · Aug 3, 2022 · 7285b3a · 7285b3a
1 parent d1fb068
commit 7285b3a
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/field/lib/_content.scss b/field/lib/_content.scss
@@ -44,6 +44,7 @@ $_enter-delay: $_label-duration - $_visible-duration;
     //
     // See https://www.w3.org/TR/css-flexbox-1/#baseline-participation
     align-self: baseline;
+    flex: 1;
   }
 
   .md3-field__content {

diff --git a/field/lib/_field.scss b/field/lib/_field.scss
@@ -13,6 +13,7 @@
 
   .md3-field {
     display: inline-flex;
+    flex: 1;
     flex-direction: column;
     // Allow the use of block/inline reflexive RTL properties without impacting
     // structure when languages change.

diff --git a/textfield/lib/_text-field.scss b/textfield/lib/_text-field.scss
@@ -12,8 +12,14 @@
     outline: none;
   }
 
+  .md3-text-field {
+    display: inline-flex;
+    flex: 1;
+  }
+
   .md3-text-field__field {
     cursor: text;
+    flex: 1;
 
     .md3-text-field--disabled & {
       cursor: default;