Version

3.0.5

Reproduction link

https://codesandbox.io/s/transition-bug-report-bxh3n?file=/src/App.vue

Steps to reproduce

1. Open the link https://codesandbox.io/s/transition-bug-report-bxh3n?file=/src/App.vue
2. Click on the button wait until element gets rendered
3. Click on the non-white backdrop, then observe.
4. Uncomment line 24 "counter.value ;"
5. Repeat step 2 - 3. Or

Same steps 1. 2. 3 like above. 4 Remove the part in line 5 " {{ counter }}" 5. Repeat step 2 - 3.

What is expected?

Expecting the transition gets resolved normally

What is actually happening?

The transition gets interrupted by setting the transition's first child display value none before transition ends.

BTW: Worked in 3.0.3 after 3.0.4 it's broken.

I think it's dumplicate of #2757

True, it's the same issue.

After I took a look at the issue #2757 , I went to inspect code for vShow and added a debugger for update method, I found that update gets called 3 times for a single call (maybe because the update for the component children triggered the following call).

Duplicate of #2757

@posva I understand that this is duplicated, but this bug is considered p4 - important right? I dunno how you guys manages the priority, but IMHO this bug can be critical though. We all know 3.0.3 worked fine but 3.0.3 has bugs as well...