Fix loading

Quansight · Aug 15, 2024 · d6202ad · d6202ad
1 parent 1267d33
commit d6202ad
Showing 1 changed file with 8 additions and 2 deletions.
diff --git 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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-
   </body>
 </html>