fix(VTextarea): apply correct input styles with solo-inverted prop

fixes #11848
vuetifyjs · Nov 30, 2021 · ea96084 · ea96084
1 parent fd3559d
commit ea96084
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/packages/vuetify/src/components/VTextarea/VTextarea.sass b/packages/vuetify/src/components/VTextarea/VTextarea.sass
@@ -1,5 +1,14 @@
 @import './_variables.scss'
 
++theme(v-textarea) using ($material)
+  &.v-text-field--solo-inverted
+    &.v-input--is-focused
+      textarea
+        color: map-deep-get($material, 'inputs', 'solo-inverted-focused-text')
+
+      textarea::placeholder
+        color: map-deep-get($material, 'inputs', 'solo-inverted-focused-placeholder')
+
 .v-textarea
   textarea
     align-self: stretch
@@ -49,6 +58,10 @@
   &.v-text-field--solo
     align-items: flex-start
 
+    .v-input__control
+      textarea
+        caret-color: auto
+
     // Essentially revert styles
     // applied by v-text-field
     .v-input__prepend-inner,