-
-
Notifications
You must be signed in to change notification settings - Fork 33.7k
Description
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.