Description
Version
2.6.7
Reproduction link
https://jsfiddle.net/8zcdpkv0/
Steps to reproduce
Please see jsfiddle.
Any changes in the before-leave hook won't affect the DOM which is transitioned.
My actual problem is that I try to transition an element which has aria-live="polite" or rule="alert", which will be read out by a screenreader.
Apparently the change of classes from the transition are noticed by the screenreader and the message will be read out again.
I tried to fix this for accessibility purposes with the before-leave hook, but that doesn't seem to work correctly.
What is expected?
It would either be great if the transitioned DOM will remove all attributes which will cause the screenreader to read it out again, or to allow the javascript hook "before-leave" to actually change the DOM before the transition happens.
What is actually happening?
The old DOM will be transitioned (and the screenreader will read the content again).