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.1] VList prevents TransitionGroup from working correctly in Chrome #20472

Open
PhilippeTh opened this issue Sep 13, 2024 · 0 comments

Comments

@PhilippeTh
Copy link

Environment

Vuetify Version: 3.7.1
Last working version: 2.6.14
Vue Version: 3.5.4
Browsers: Google Chrome
OS: Windows

Steps to reproduce

Simply try to move with the up and down arrows in google chrome. The transition only happens when moving with the down arrow, and only for all items that aren't the last item and the transition never works with the up arrow. It works fine in Firefox.

Expected Behavior

Transition should happen all the time whenever moving up or down and even if it's the last item in the list and regardless of the browser used.

Actual Behavior

Transition only happens when moving down and doesn't work at all with the last item in Chrome.

Reproduction Link

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

Other comments

Stackoverflow issue opened: https://stackoverflow.com/questions/78974348/vuetify2-to-vuetify3-transition-group-no-longer-working/78982212#78982212

Current fix is to simply remove the v-list tag entirely and then it works fine again.

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