Skip to content

TransitionGroup not firing v-move at array.pushΒ #14356

@aakudinov28

Description

@aakudinov28

Vue version

3.5.27

Link to minimal reproduction

Playground

Steps to reproduce

We just wait until the number of elements becomes more than 4

What is expected?

The v-move transition animation should trigger when the second element appears. The first element should smoothly move upward

What is actually happening?

When the second, third, and fourth elements appear, the v-move transition animation doesn't trigger. Older elements bounce upward. v-move only starts working when the fifth element appears, when the oldest element is removed.

System Info

Any additional comments?

Through trial and error, we discovered that the issue appeared in Vue 3.5.23 and persists to this day. Downgrading to Vue 3.5.22 works fine.

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.scope: transition

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions