fix async rendering

webtor-io · Apr 23, 2024 · 99b3ca7 · 99b3ca7
1 parent 5e7f13e
commit 99b3ca7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/assets/src/js/lib/executeScriptElements.js b/assets/src/js/lib/executeScriptElements.js
@@ -36,7 +36,7 @@ function executeScriptElements(containerElement) {
 
 if (!loaded) {
     loaded = true;
-    window.addEventListener('DOMContentLoaded', (event) => {
+    window.addEventListener('load', (event) => {
         const scripts = document.querySelectorAll('script');
         for (const s of scripts) {
             const name = getScriptName(s);

diff --git a/assets/src/js/lib/loadAsyncView.js b/assets/src/js/lib/loadAsyncView.js
@@ -37,8 +37,11 @@ function renderBody(target, body, template) {
         target,
         template,
     };
+    // Update async elements
     const event = new CustomEvent('async', { detail });
     window.dispatchEvent(event);
+
+    // Process async views
     if (template) {
         const event = new CustomEvent('async:' + template, { detail });
         window.dispatchEvent(event);