fix(VTextField): only show clear icon on hover or when focused

vuetifyjs · Aug 10, 2022 · 7a51ad0 · 7a51ad0
1 parent f8ee680
commit 7a51ad0
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/vuetify/src/components/VTextField/VTextField.sass b/packages/vuetify/src/components/VTextField/VTextField.sass
@@ -504,6 +504,15 @@
   &.v-input--has-state > .v-input__control > .v-input__slot:before
     border-color: currentColor
 
+  .v-input__icon--clear
+    opacity: 0
+    transition: opacity $primary-transition
+
+  &.v-input--is-focused,
+  &.v-input--is-dirty:hover
+    .v-input__icon--clear
+      opacity: 1
+
   // TODO: where are the corresponding rules for LTR?
   //
   // +rtl()