dispatchEvent submit does not work in ie11

[martsie]

Prerequisites

• I have read the documentation;
• In the case of a bug report, I understand that providing a SSCCE example is tremendously useful to the maintainers.
• Ideally, I'm providing a sample JSFiddle or a shared playground link demonstrating the issue.

Description

In Internet Explorer when attempting to submit the form, the following error occurs:

Steps to Reproduce

Submit a form.

Expected behavior

The form to submit.

Actual behavior

Error in ie11.

Version

Latest

I'll probably have to come up with a way of polyfilling the Event on the form but I'm wondering why dispatchEvent was chosen in the first place over calling .submit directly on the form element?

[epicfaace]

Not sure, it seems to have been added in by @sunweiye in #1058.

If we can just call .submit directly and not lose any functionality, then I'm all for it.

[martsie]

I'm having a deeper look now - looks like Internet Explorer 11 doesn't support creating Event's ... I'll get back to this issue once (if) I've got a neat solution.

[epicfaace]

It looks like calling the .submit() event is different from dispatching an event, see https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit

[KKS1]

Thanks for looking into the fix. Is there an ETA on when this is targeted for merge and release creation ?

[KKS1]

For anyone else having this issue, this is how I am resolving it-:

(function () {
  if (typeof Event !== 'function') {
    window.Event = CustomEvent;
  }
})();

along with adding https://www.npmjs.com/package/custom-event-polyfill.