Fix IE11 custom events. Resolves single-spa#58. (single-spa#59)

* Fix IE11 custom events. Resolves single-spa#58. * Fix IE11
a11rew · Jul 20, 2021 · 5faf9e7 · 5faf9e7
1 parent d68f603
commit 5faf9e7
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 1 deletion.
diff --git a/src/api/js-api.js b/src/api/js-api.js
@@ -373,7 +373,10 @@ function init() {
       const eventType = `import-map-overrides:${type}`;
       const event = canFireCustomEvents
         ? new CustomEvent(eventType)
-        : document.createEvent(eventType);
+        : document.createEvent("CustomEvent");
+      if (!canFireCustomEvents) {
+        event.initCustomEvent(eventType, true, true, null);
+      }
       window.dispatchEvent(event);
     });
   }

diff --git a/test/ie11.html b/test/ie11.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <title>Import Map Overrides test</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+    <meta name="importmap-type" content="systemjs-importmap" />
+
+    <script>
+      window.addEventListener("import-map-overrides:init", function (evt) {
+        console.log("Init event fired", evt);
+      });
+    </script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/js/browser/bluebird.min.js"></script>
+    <script src="/import-map-overrides.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/systemjs/dist/system.js"></script>
+  </head>
+  <body>
+    <import-map-overrides-full dev-libs></import-map-overrides-full>
+  </body>
+</html>