fix firefox allowing to scroll off of canvas

bgkillas · bgkillas · commit bc79bbb79b64 · 2025-06-15T14:25:50.000-04:00
diff --git a/www/index b/www/index
@@ -1,31 +1,36 @@
 <!DOCTYPE html>
 <html>
-
 <head>
     <link rel="modulepreload" href="pkg/kalc_plot.js" as="script">
-    <link rel="modulepreload" href="pkg/snippets/@@RUPL@@/painter.js" as="script">
+    <link rel="modulepreload" href="pkg/snippets/rupl-490477e6f525bea0/painter.js" as="script">
     <link rel="preload" href="pkg/kalc_plot_bg.wasm" as="fetch" type="application/wasm" crossorigin>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>kalc plot</title>
     <link rel="icon" href="favicon.ico" type="image/x-icon">
     <style>
-        * {
+        html, body {
           margin: 0;
           padding: 0;
-          width: 100%;
+          overflow: hidden;
           height: 100%;
+          width: 100%;
+        }
+        canvas {
           display: block;
+          position: fixed;
+          top: 0;
+          left: 0;
+          width: 100vw;
+          height: 100vh;
         }
     </style>
 </head>
-
 <body>
     <canvas id="canvas"></canvas>
     <noscript>This page contains webassembly and javascript content, please enable javascript in your browser.</noscript>
     <script type="module" crossorigin="anonymous">
         import init from './pkg/kalc_plot.js'; async function run() { await init(); } run();
     </script>
 </body>
-
 </html>
