Render app into root div (#237)

microbit-robert · web-flow · commit a56b40f71289 · 2024-02-22T11:25:16.000Z
Fixes screen reader issue where content behind the cookie dialog is read
out to the user.
diff --git a/index.html b/index.html
@@ -43,5 +43,7 @@
     <script type="module" src="/src/main.ts"></script>
   </head>
 
-  <body style="overscroll-behavior-y: none; height: 100%"></body>
+  <body style="overscroll-behavior-y: none; height: 100%">
+    <div id="root" style="overscroll-behavior-y: none; height: 100%"></div>
+  </body>
 </html>
diff --git a/src/main.ts b/src/main.ts
@@ -8,7 +8,7 @@ import App from './App.svelte';
 import 'virtual:windi.css';
 
 const app = new App({
-  target: document.body,
+  target: document.getElementById('root')!,
 });
 
 export default app;
