A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://github.com/vuejs/vue/issues/6006 below:

Transition group with dynamic name not correctly applying transition · Issue #6006 · vuejs/vue · GitHub

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".


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4