Programmatic submit does not work in React 17 (#900)

* Add bubbles:true to event * Add bubbles:true to event
final-form · Mar 20, 2021 · 2133eb6 · 2133eb6
1 parent b3c79b8
commit 2133eb6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/docs/faq.md b/docs/faq.md
@@ -55,7 +55,7 @@ trigger React's event handlers.
 
 <button onClick={() => {
   document.getElementById('myForm')
-  .dispatchEvent(new Event('submit', { cancelable: true })) // ✅
+  .dispatchEvent(new Event('submit', { cancelable: true, bubbles:true })) // ✅
 }}>Submit</button>
 
 <form id="myForm" onSubmit={handleSubmit}>

diff --git a/examples/external-submit/index.js b/examples/external-submit/index.js
@@ -32,7 +32,7 @@ const App = () => {
             // https://github.com/facebook/react/issues/12639#issuecomment-382519193
             document
               .getElementById('exampleForm')
-              .dispatchEvent(new Event('submit', { cancelable: true }))
+              .dispatchEvent(new Event('submit', { cancelable: true, bubbles:true }))
           }
         >
           External Submit via <code>document.getElementById()</code>