question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

React 17 submit event not bubbling

See original GitHub issue

Because of the changes in way react 17 attaches event listeners, submitting the form programatically no longer works because submit event doesn’t bubble. Solution for this would be to add bubbles: true when dispatching CustomEvent submit.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:10
  • Comments:34 (14 by maintainers)

github_iconTop GitHub Comments

5reactions
josh08hcommented, Aug 24, 2021

@paintedbicycle Do you know if this issue is still being worked on? Would love to get the fix in for this one.

3reactions
paintedbicyclecommented, Mar 24, 2021

Anything I can do to unstick this? What’s holding us back?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Event Bubbling and Event Catching in JavaScript and React
In this article, I'll help you understand event bubbling and event catching like a pro. I created this resource to help you understand...
Read more >
React: Event Bubbling and Capturing - Robin Wieruch
Event bubbling in React explained with examples. You will learn how to prevent events from bubbling, how to capture events before the ...
Read more >
React 17 attaches events to the root DOM container instead of ...
It prevents the event from bubbling to the document node, due to which the terms button click handler is not called. Event Delegation...
Read more >
React click event not bubbling - javascript - Stack Overflow
I saw the code you mentioned in the question. Firstly you didn't added onClick event to <i/>. tag. First add onClick in it...
Read more >
SyntheticEvent - React
Starting with React 17, the onScroll event does not bubble in React. This matches the browser behavior and prevents the confusion when a...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found