Leaving transition element not reacting to changes triggered in before-leave hook

[khalo-sa]

Version

3.2.20

Reproduction link

SFC Playground

Steps to reproduce

• Click the hide button

What is expected?

Both buttons turning red and becoming disabled as a result of the "disabled" variable becoming "true".

What is actually happening?

Only the "show" button, which is not part of the transition reacts as expected. The "hide" button seems to be immutable during the "leave" transition period.

---

• it works as expected on the reverse way, when fading in (before-enter hook fired)
• it works both ways, when the "hide" button uses "v-show" instead of "v-if" (line 39)
• might be related to transition before-leave js-hook does not manipulate the DOM which will be transitioned vue#9573 and Wrapping around transition component throws when transition is toggled before it has completed previously #3716

[posva]

I suspect this is expected as mentioned in the other issue but I also see how this would be very useful.