Subscribe on changes!

Possible bug of <transition> component - flickering when swapping two elements using :key

avatar
Aug 25th 2021

Version

3.2.6

Reproduction link

https://codepen.io/liwoj/pen/mdwyjKv

Steps to reproduce

Just watch the "carousel"

What is expected?

Transition runs without flickering

What is actually happening?

At the beginning of elements swap, leaving element is for a moment (maybe one tick) patched with new data...


If you switch the Codepen to Vue 2.6.14, it works flawlessly...

avatar
Aug 26th 2021

My bad, completely overlooked the change of transition classes from v-enter to v-enter-from. Closing...