fix(VTextarea): correct area scaling when grown vertically in flex

fixes #20861
vuetifyjs · Jan 15, 2025 · 15c6485 · 15c6485
1 parent d609024
commit 15c6485
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/vuetify/src/components/VInput/VInput.sass b/packages/vuetify/src/components/VInput/VInput.sass
@@ -33,7 +33,7 @@
   .v-input--horizontal
     grid-template-areas: "prepend control append" "a messages b"
     grid-template-columns: max-content minmax(0, 1fr) max-content
-    grid-template-rows: auto auto
+    grid-template-rows: 1fr auto
 
     .v-input__prepend
       margin-inline-end: $input-affix-margin-inside

diff --git a/packages/vuetify/src/components/VTextarea/VTextarea.sass b/packages/vuetify/src/components/VTextarea/VTextarea.sass
@@ -43,6 +43,7 @@
       opacity: 0
       flex: 1
       min-width: 0
+      height: 100%
       transition: .15s opacity settings.$standard-easing
 
       &:focus,