Skip to content

Transition-group transition on empty array #4900

@wbijker

Description

@wbijker

Vue.js version

2.1.10

Reproduction Link

https://jsfiddle.net/z11fe07p/686/#

Steps to reproduce

There seems to be an issue with the transition-group component when transitions is applied on each element iterating on a v-for with an initial empty array.

Whenever you add (push) an item to the array before the previous transition is completed all previous transition will stop. But if you wait for the first transition to finish - but only on the first instance - and then try to add items all works as expected. Similar, if you fill the initial array with 1 or more values, all works as expected.

What is Expected?

All items should continue to animate.

What is actually happening?

Animation stops for all elements except for the last one added.
It seems that Vue detects a change in position and therefore replace all transition classes with the move class.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions