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

When Transition and keep-alive are used together, the display is incorrect #13153

Open
jimei416 opened this issue Apr 2, 2025 · 2 comments · May be fixed by #13152
Open

When Transition and keep-alive are used together, the display is incorrect #13153

jimei416 opened this issue Apr 2, 2025 · 2 comments · May be fixed by #13152
Labels
🔨 p3-minor-bug Priority 3: this fixes a bug, but is an edge case that only affects very specific usage. has workaround A workaround has been found to avoid the problem scope: transition

Comments

@jimei416
Copy link

jimei416 commented Apr 2, 2025

Vue version

3.5.13

Link to minimal reproduction

https://github.com/jimei416/Transition-demo/tree/main

Steps to reproduce

After changing the value of show to trigger the Transition animation, if you switch components before the animation completes and then switch back to the component containing the Transition after the animation ends.
Screenity video - Apr 2, 2025

What is expected?

After switching back to the component containing the Transition, since show is false, the Transition component should not be displayed.

What is actually happening?

The Transition component is still displayed even when show is false.

System Info

Any additional comments?

https://github.com/orgs/vuejs/discussions/13146

@jimei416
Copy link
Author

jimei416 commented Apr 2, 2025

#13152

@jimei416 jimei416 closed this as completed Apr 2, 2025
@jimei416 jimei416 reopened this Apr 2, 2025
@edison1105 edison1105 added scope: transition 🔨 p3-minor-bug Priority 3: this fixes a bug, but is an edge case that only affects very specific usage. has workaround A workaround has been found to avoid the problem labels Apr 3, 2025
@edison1105
Copy link
Member

A workaround is to use v-if instead of v-show

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🔨 p3-minor-bug Priority 3: this fixes a bug, but is an edge case that only affects very specific usage. has workaround A workaround has been found to avoid the problem scope: transition
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants