Transition group with dynamic name not correctly applying transition

[mcmillenb]

Version

2.3.0

Reproduction link

https://jsfiddle.net/oyf86mcp/

Steps to reproduce

1. Run the fiddle
2. Uncheck the checkbox
3. Click "Shuffle" button
4. Check the checkbox
5. Click "Shuffle" button

What is expected?

After first "Shuffle" click (with an unchecked checkbox), list items are reordered with no transition animation.

After second "Shuffle" click (with a checked checkbox), list items are reordered with a transition animation.

What is actually happening?

After first "Shuffle" click (with an unchecked checkbox), list items are reordered with no transition animation.

After second "Shuffle" click (with a checked checkbox), list items are still reordered with no transition animation.

---

Found via this question on StackOverflow:
https://stackoverflow.com/questions/44850588/disable-transition-animation/44851948#44851948

If the list is shuffled before initially unchecking the checkbox, everything works as expected. I'm only seeing this when the list is initially shuffled when the name of the transition group is set to "disabled-list".

[posva]

Thanks for reporting it! This shouldn't be happening indeed. I didn't dig further but you can workaround it for the moment by specifying a :key="transitionName" on the transition-group element