vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

[Bug Report][2.6.9] v-select with filled prop has hover animation when disabled

Open phibzy opened this issue 3 years ago • 2 comments

Environment

Vuetify Version: 2.6.9 Vue Version: 2.7.10 Browsers: Chrome 104.0.0.0 OS: Windows 10

Steps to reproduce

  1. Create v-select with filled and disabled props
  2. Assign some string as value
  3. Hover over v-select field value with mouse

Expected Behavior

Does not trigger hover animation

Actual Behavior

Does trigger hover animation

Reproduction Link

https://codepen.io/maxim_mazurok/pen/bGvZmXE?editors=1010

phibzy avatar Aug 26 '22 02:08 phibzy

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>

MRR0GERS avatar Aug 26 '22 21:08 MRR0GERS

#12775

KaelWD avatar Aug 29 '22 15:08 KaelWD