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

KaelWD · KaelWD · commit 7a51ad0140dd · 2022-08-10T22:37:32.000+10:00
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()
