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

* Add bubbles:true to event

* Add bubbles:true to event

Author: mtoepfl

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}>

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>