I came across this while investigating issues I was having with form submission event handling when triggered by child web components with
Setting the 'bubbles' prop on the event solved the issue and allowed for proper event handling by react triggering form control and expected onsubmit behavior.
Looks like starting in React 17 generated events require the bubbles prop to be set for proper handling.
https://reactjs.org/blog/2020/08/10/react-v17-rc.html#changes-to-event-delegation Reference discovered in this stack post https://stackoverflow.com/questions/51026510/react-ref-form-onsubmit-handler-not-triggered/66659749#66659749
I came across this while investigating issues I was having with form submission event handling when triggered by child web components with
Setting the 'bubbles' prop on the event solved the issue and allowed for proper event handling by react triggering form control and expected onsubmit behavior.
Adding this to https://github.com/open-wc/form-participation/blob/5193cde920d192b1a520a7f9cc838931691dc8a7/packages/form-helpers/src/index.ts#L12 should improve compatibility.