fix(textarea): resize issue + textarea not being editable (#1797)

adrianptrv · simeonoff · web-flow · commit a05528db8b04 · 2025-07-24T09:40:54.000+03:00
Co-authored-by: Simeon Simeonoff &lt;sim.simeonoff@gmail.com&gt;
diff --git a/src/components/textarea/themes/shared/textarea.material.scss b/src/components/textarea/themes/shared/textarea.material.scss
@@ -31,6 +31,7 @@ textarea {
     position: relative;
     max-width: inherit;
     padding-inline: rem(4px);
+    z-index: 1;
 }
 
 [part='label'] {
@@ -80,11 +81,14 @@ textarea {
             border-block-end: rem(1px) solid var-get($theme, 'idle-bottom-line-color');
             transition: all 0.25s $out-cubic;
         }
+
+        textarea {
+            margin-block-end: rem(2px);
+        }
     }
 
     [part~='container']:not([part~='suffixed']) {
         textarea {
-            margin-block-end: rem(2px);
             grid-area: 1 / 2 / span 1 / span 3;
         }
     }

Original file line number	Diff line number	Diff line change
`@@ -31,6 +31,7 @@ textarea {`
`31`	`31`	`position: relative;`
`32`	`32`	`max-width: inherit;`
`33`	`33`	`padding-inline: rem(4px);`
	`34`	`+ z-index: 1;`
`34`	`35`	`}`
`35`	`36`
`36`	`37`	`[part='label'] {`
`@@ -80,11 +81,14 @@ textarea {`
`80`	`81`	`border-block-end: rem(1px) solid var-get($theme, 'idle-bottom-line-color');`
`81`	`82`	`transition: all 0.25s $out-cubic;`
`82`	`83`	`}`
	`84`	`+`
	`85`	`+ textarea {`
	`86`	`+ margin-block-end: rem(2px);`
	`87`	`+ }`
`83`	`88`	`}`
`84`	`89`
`85`	`90`	`[part~='container']:not([part~='suffixed']) {`
`86`	`91`	`textarea {`
`87`		`- margin-block-end: rem(2px);`
`88`	`92`	`grid-area: 1 / 2 / span 1 / span 3;`
`89`	`93`	`}`
`90`	`94`	`}`