vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.06k stars 6.91k forks source link

[Bug Report][3.5.16] Problem with dynamically removing and adding items of an expansion panel #19655

Closed derwaldgeist closed 1 week ago

derwaldgeist commented 1 week ago

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

(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 commented 1 week ago

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

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

derwaldgeist commented 1 week ago

Thanks for the fast response, this works - amazing!