Subscribe on changes!

`leave-to` class is not removed when transition ends when using `v-show` and being immediately canceled

avatar
Aug 27th 2021

Version

3.2.6

Reproduction link

sfc.vuejs.org/

Steps to reproduce

1、use v-show

2、dynamic set show true/false

3、when leaveCancel hook called. leave-to class cannot remove

What is expected?

The element should cancel the animation and stay visible

What is actually happening?

The element disappears and stays hidden

avatar
Aug 27th 2021

How does this happen in a real scenario? Setting the show to false right after exactly one tick of setting it to true seems quite strange.

Using more than a tick to set the value properly cancels the animation

avatar
Aug 28th 2021

https://2x.antdv.com/components/slider/#components-slider-demo-basic image like this. we have a tooltip when click slider bar. when i click other point, tootip will hide, then show again.

avatar
Aug 29th 2021

https://2x.antdv.com/components/slider/#components-slider-demo-basic image like this. we have a tooltip when click slider bar. when i click other point, tootip will hide, then show again.

Which the tooltip should not hide when you keep clicking /moving on other points.

avatar
Aug 30th 2021

Which the tooltip should not hide when you keep clicking /moving on other points.

@dsonet

It doesn’t matter, whether it’s hidden or not, it’s reasonable. I’m just giving a scenario

avatar
Mar 28th 2022

I have the same problem where the mutation of the property that is being used for the visibility state happens through a WebSocket message.