Skip to content

Commit 7a51ad0

Browse files
committed
fix(VTextField): only show clear icon on hover or when focused
1 parent f8ee680 commit 7a51ad0

File tree

1 file changed

+9
-0
lines changed

1 file changed

+9
-0
lines changed

packages/vuetify/src/components/VTextField/VTextField.sass

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -504,6 +504,15 @@
504504
&.v-input--has-state > .v-input__control > .v-input__slot:before
505505
border-color: currentColor
506506

507+
.v-input__icon--clear
508+
opacity: 0
509+
transition: opacity $primary-transition
510+
511+
&.v-input--is-focused,
512+
&.v-input--is-dirty:hover
513+
.v-input__icon--clear
514+
opacity: 1
515+
507516
// TODO: where are the corresponding rules for LTR?
508517
//
509518
// +rtl()

0 commit comments

Comments
 (0)