-
-
Notifications
You must be signed in to change notification settings - Fork 8.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
<Transition appear>
breaks click event listener
#9832
Labels
Comments
This bug was introduced as a side-effect of #8859 I would think /cc @edison1105 It seems that the elements we get from the server-rendered template tag don't get properly hydrated and thus are missing event listeners. |
I think that's because we handle the template element after we patched the props? |
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Vue version
3.3.11
Link to minimal reproduction
https://stackblitz.com/edit/github-sbgmta?file=src%2Fpages%2FHome.vue,src%2Fcomponents%2FFullscreenBackground.vue
Steps to reproduce
It seems that the click event listener on an element inside
<Transition appear>
isn't being properly handled.Steps to reproduce:
open the reproduction
click on the semi-transparent fullscreen div
nothing happens even though it should have set its visibility to
false
remove
appear
from the<Transition>
component inFullscreenBackground.vue
repeat the same steps & now the click is properly handled
What is expected?
The click event should be handled the same way as it is handled without
appear
What is actually happening?
Most of the time, the click event doesn't fire - though there were times where I got it to fire after clicking for a while 🤷♂️
System Info
No response
Any additional comments?
This seems to only be an issue when using Vue SSR. I couldn't reproduce it in client-side Vue.
The text was updated successfully, but these errors were encountered: