Transition gets interrupted on beforeLeave stage when setting value in the callback.

[jw-foss]

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.

[jw-foss]

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

[edison1105]

I think it's dumplicate of #2757

[jw-foss]

True, it's the same issue.

[jw-foss]

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).

[posva]

Duplicate of #2757

[jw-foss]

@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...