vuetify
vuetify copied to clipboard
[Bug Report][2.6.9] v-select with filled prop has hover animation when disabled
Environment
Vuetify Version: 2.6.9 Vue Version: 2.7.10 Browsers: Chrome 104.0.0.0 OS: Windows 10
Steps to reproduce
- Create v-select with filled and disabled props
- Assign some string as value
- Hover over v-select field value with mouse
Expected Behavior
Does not trigger hover animation
Actual Behavior
Does trigger hover animation
Reproduction Link
The animation is triggered when hovering on the label when filled attribute is added to the v-select.
An easy work-around is to only add the filled attribute if disabled is true. Set a value in data, something like disabled: true and this code should work as expected. <v-select :items="items" :disabled="disabled" label="Disabled" :filled="!disabled" v-model="foo"></v-select>
#12775