Skip to content

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

Open
@jimei416

Description

@jimei416

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

Activity

jimei416

jimei416 commented on Apr 2, 2025

@jimei416
Author
added
🔨 p3-minor-bugPriority 3: this fixes a bug, but is an edge case that only affects very specific usage.
has workaroundA workaround has been found to avoid the problem
on Apr 3, 2025
edison1105

edison1105 commented on Apr 3, 2025

@edison1105
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

Metadata

Metadata

Assignees

No one assigned

    Labels

    🔨 p3-minor-bugPriority 3: this fixes a bug, but is an edge case that only affects very specific usage.has workaroundA workaround has been found to avoid the problemscope: transition

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      Participants

      @edison1105@jimei416

      Issue actions

        When Transition and keep-alive are used together, the display is incorrect · Issue #13153 · vuejs/core