From 30427dacfaf8d48c35c58803b5485c3a4561b079 Mon Sep 17 00:00:00 2001
From: Prosper Shongwe <>
Date: Tue, 27 Aug 2024 11:43:20 +0200
Subject: [PATCH] feat(material/form-field): add support for flexible textarea
 resizing (#28912)

---
 src/material/form-field/form-field.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/material/form-field/form-field.scss b/src/material/form-field/form-field.scss
index 1edabf17fecb..a6c0161f8e6a 100644
--- a/src/material/form-field/form-field.scss
+++ b/src/material/form-field/form-field.scss
@@ -229,6 +229,13 @@ $_icon-prefix-infix-padding: 4px;
   box-sizing: border-box;
 }
 
+.mat-mdc-form-field-infix textarea {
+  width: 100%;      
+  overflow: hidden; 
+  min-height: 50px; 
+  flex-grow: 1;   
+}
+
 // In the form-field theme, we add a 1px left margin to the notch to fix a rendering bug in Chrome.
 // Here we apply negative margin to offset the effect on the layout and a clip-path to ensure the
 // left border is completely hidden. (Though the border is transparent, it still creates a triangle