fix(material-experimental/mdc-form-field): fix height for form field …

…with textarea (#22089) (cherry picked from commit a219a4a)
angular · Mar 9, 2021 · 766c9ea · 766c9ea
1 parent afdec6f
commit 766c9ea
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/material-experimental/mdc-form-field/form-field.scss b/src/material-experimental/mdc-form-field/form-field.scss
@@ -50,6 +50,9 @@
 // that the projected form-field control and content can stretch as needed, but we also
 // apply a default infix width to make the form-field's look natural.
 .mat-mdc-form-field-infix {
+  // Prevent extra height from being added around the textarea, which throws off the overall
+  // height of the form-field
+  line-height: 0;
   flex: auto;
   min-width: 0;
   width: $mat-form-field-default-infix-width;