From d6202ad17fdc959eaa806040a85c4535a68f3278 Mon Sep 17 00:00:00 2001
From: krassowski <5832902+krassowski@users.noreply.github.com>
Date: Thu, 15 Aug 2024 16:35:43 +0100
Subject: [PATCH] Fix loading

---
 content/demo.html | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)
diff --git a/content/demo.html b/content/demo.html
index b69dd89..923b63d 100644
--- a/content/demo.html
+++ b/content/demo.html
@@ -33,6 +33,9 @@
       code[data-run] {
         white-space: pre-wrap;
       }
+      #loader {
+        display: none;
+      }
     </style>
   </head>
   <body>
@@ -71,13 +74,16 @@
       </div>
     </div>
 
+    <div id="loader"></div>
+
     <script>
     const styles = `
     .jp-CodeConsole-banner {
       display: none;
     }
     `;
-    var styleSheet = document.createElement("style")
+    var styleSheet = document.createElement("style");
+    const loader = document.getElementById('loader');
     styleSheet.textContent = styles;
 
     for (const codeEl of document.querySelectorAll('code[data-run]')) {
@@ -109,10 +115,10 @@
         iframe.contentDocument.head.appendChild(styleSheet);
         codeEl.replaceWith(iframe);
       }
+      loader.appendChild(iframe);
     }
     </script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-
   </body>
 </html>
 
