Subscribe on changes!

Error on showing element before delayed hidding transition

avatar
May 10th 2022

Version

3.2.33

Reproduction link

stackblitz.com

Steps to reproduce

From linked Stackblitz, is enough to:

  • Increase delay
  • Double click on "Toggle" button

What is expected?

On seconds click, the delay should be cancelled and immediately hide, then start "enter"-ing transition step.

What is actually happening?

On seconds click, I get error in console TypeError: leavingVNode.el is null and transition component is no more toggling.


I on the way of developing a npm module (vue3-sfc-transitions). While developing I met a lot of difficulties and figured out with most of them, expecting the mentioned one.

First version of applying duration, leave and delay was through hooks, as it is in all transition component excepting FadeTransition. I tried to play around with done function from leave hooks, by removing setTimeout, but them on single click is not transitioning.

Second version, I trying to figure out through CSS vars. Same result and same error :( .

P.S. For playing around with the module itself, run npm run dev:module in parallel terminal tab.