Fix mutation strategy when loaded async (#30)

Co-authored-by: Lukas Mohrbacher <lukas.mohrbacher.extern@hornbach.com>
rstacruz · Sep 22, 2022 · 9be5eee · 9be5eee
1 parent 58b180d
commit 9be5eee
Showing 1 changed file with 14 additions and 5 deletions.
diff --git a/src/strategies/mutation_observer.js b/src/strategies/mutation_observer.js
@@ -78,14 +78,23 @@ export function defineElement(elSpec, elName, events) {
     subtree: true
   })
 
-  observers[name] = /* true */ observer
+  observers[elName] = /* true */ observer
 
-  window.addEventListener('DOMContentLoaded', () => {
-    const nodes = document.getElementsByTagName(name)
+  function mountElementsInDOM() {
+    const nodes = document.getElementsByTagName(elName)
     each(nodes, (/** @type HTMLElement */ node) =>
-      checkForMount(node, name, events)
+      checkForMount(node, elName, events)
     )
-  })
+  }
+
+  if (
+    document.readyState === 'complete' ||
+    document.readyState === 'interactive'
+  ) {
+    mountElementsInDOM()
+  } else {
+    window.addEventListener('DOMContentLoaded', mountElementsInDOM)
+  }
 }
 
 /**