From 7a51ad0140dd17f9d718f6ceb84226d305c2c379 Mon Sep 17 00:00:00 2001
From: Kael <kaelwd@gmail.com>
Date: Wed, 10 Aug 2022 22:37:32 +1000
Subject: [PATCH] fix(VTextField): only show clear icon on hover or when
 focused

---
 .../vuetify/src/components/VTextField/VTextField.sass    | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/packages/vuetify/src/components/VTextField/VTextField.sass b/packages/vuetify/src/components/VTextField/VTextField.sass
index 418d0ac5c74..4307eea1c80 100644
--- 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()