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.5.16] Problem with dynamically removing and adding items of an expansion panel #19655

Assignees
Labels
C: VExpansionPanels E: group Group composable has workaround T: bug Functionality that does not work as intended/expected
Milestone

Comments

@derwaldgeist
Copy link

derwaldgeist commented Apr 19, 2024

Environment

Vuetify Version: 3.5.16
Vue Version: 3.3.13
Browsers: Chrome 123.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

In Vuetify Play

  • first click on the delete button next to the B item
  • then click on the Add item button
  • now try to open item D

(Please note that in the original implementation, I use ids generated by uuidv4. But somehow I was not able to add this library to VPlay, so I am using a random number instead.)

Expected Behavior

Item D opens, if you click on it.

Actual Behavior

Item C opens instead. It is impossible to open item D.

Reproduction Link

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

@johnleider
Copy link
Member

A workaround for this is to explicitly define values on the expansion panel.

https://play.vuetifyjs.com/playgrounds/4Srsag

@johnleider johnleider added the E: group Group composable label Apr 22, 2024
@johnleider johnleider self-assigned this Apr 22, 2024
@johnleider johnleider added this to the v3.5.x milestone Apr 22, 2024
johnleider added a commit that referenced this issue Apr 22, 2024
fixes #19655
fixes #19213

Co-authored-by: John Leider <john@vuetifyjs.com>
@derwaldgeist
Copy link
Author

Thanks for the fast response, this works - amazing!

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