Skip to content

Error on showing element before delayed hidding transition #5891

@50rayn

Description

@50rayn

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.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions