-
Notifications
You must be signed in to change notification settings - Fork 103
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
Add new event test for frameworks breaking event bubbling. #2420
Comments
React 18: (breaks) https://codepen.io/paramagicdev/pen/poXGVWw React 19: (breaks) https://codepen.io/paramagicdev/pen/ZEdwoyX Preact: (works as expected) https://codepen.io/paramagicdev/pen/rNEPvJd |
And solid (breaks): https://playground.solidjs.com/anonymous/b41491fe-ce5f-4060-9fb4-2b4ce7d37732 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Some component frameworks (e.g. react, svelte 5, solid) use "synthetic event delegation" to invoke event handlers. When used in conjunction with custom elements that attach event handlers outside of these synthetic event systems this will subtly break usage of
event.stopPropagation()
. The proposal here is to add a new test to detect when this happens and ding component frameworks that don't comply.This issue is spurred by a conversation with @KonnorRogers and @lukewarlow on twitter.
Examples of this in action(not to pick on anyone in particular):
Svelte breaks
Vue works fine
The text was updated successfully, but these errors were encountered: