Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report][3.7.0] v-chip retains wrong css class 'v-chip--selected' when v-model is false #20368

Open
mahi-intersoft opened this issue Aug 21, 2024 · 1 comment

Comments

@mahi-intersoft
Copy link

Environment

Vuetify Version: 3.7.0
Vue Version: 3.4.30
Browsers: Firefox 129.0
OS: Windows

Steps to reproduce

  1. Klick the Select Button (all two items should be selected and the Select Button changes to Un-Select )
  2. Un-Select one item manually
  3. The Un-Select Button will change back to Select but retains the css class 'v-chip--selected' which makes the backround slighly colored.

Expected Behavior

No background color changes are retained when switching the v-model state.

Actual Behavior

'v-chip--selected' is set so the backgorund is colored even when the chip is not selected

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

I hope this is not an error on my side, my thought process is: v-model is the de facto singel source of truth if the chip is selected or not and 'v-chip--selected' as css class when being selected seems off to me.

@mahi-intersoft
Copy link
Author

1
2
3
4

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant