fix(material/form-field): account in cols attribute on textarea (#2…

…9836)

previously we were setting width of 180px on our input field however this also made that textarea width stays the same if they are used with `cols` attribute, this commit ensures we dont do that if we have a textarea with `cols` attribute allowing it to grow in width as much as the attribute wants it to

fixes #29459

(cherry picked from commit 48b2680)

src/material/form-field/form-field.scss

@@ -187,6 +187,12 @@ $_icon-prefix-infix-padding: 4px;
  // Needed so that the floating label does not overlap with prefixes or suffixes.
  position: relative;
  box-sizing: border-box;
+
+ // We do not want to set fixed width on textarea with cols attribute as it makes different
+ // columns look same width.
+ &:has(textarea[cols]) {
+ width: auto;
+ }
 }
 
 // In the form-field theme, we add a 1px left margin to the notch to fix a rendering bug in Chrome.