Subscribe on changes!

<transition> is breaking/flickering when toggling really fast (spam clicking a button to toggle)

avatar
Oct 25th 2020

Version

3.0.2

Reproduction link

https://codesandbox.io/s/nervous-hooks-blcjw?file=/src/App.vue

Steps to reproduce

Spam click the Show Overlay button

What is expected?

The fade transition should smoothly toggle between opacity: 0 and opacity: 1. no matter how fast you click.

What is actually happening?

The fade transition constantly shows/hides abruptly while spam clicking.


Exactly same transition works smoothly in Vue 2 here I am attaching sandbox for that. https://codesandbox.io/s/suspicious-galileo-0d8wt?file=/src/App.vue