From 8d691b2e6a42040a9ec1319eaf34a39f29a2afbe Mon Sep 17 00:00:00 2001
From: WerWolv <werwolv98@gmail.com>
Date: Sat, 14 Mar 2026 17:14:04 +0100
Subject: [PATCH] web: Fix display issues

---
 dist/web/source/index.html |  4 ++--
 dist/web/source/style.css  | 19 +++++++++++++++++++
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/dist/web/source/index.html b/dist/web/source/index.html
index e280efa93..9fa83023e 100644
--- a/dist/web/source/index.html
+++ b/dist/web/source/index.html
@@ -96,8 +96,8 @@
     </div>
 </div>
 
-<div id="canvas-wrapper" style="width: 100%; height: 100%">
-    <canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()"></canvas>
+<div id="canvas-wrapper" class="imhex-web-canvas-wrapper">
+    <canvas class="imhex-web-canvas canvas-fixed" id="canvas" ></canvas>
 </div>
 
 <script src="wasm-config.js"></script>
diff --git a/dist/web/source/style.css b/dist/web/source/style.css
index dada2c254..bca3e41b2 100644
--- a/dist/web/source/style.css
+++ b/dist/web/source/style.css
@@ -185,4 +185,23 @@ a:hover {
     position: absolute;
     top: 0;
     left: 0;
+}
+
+.imhex-web-canvas {
+    width: 100%;
+    height: 100%;
+    display: block;
+    overflow: hidden;
+    image-rendering: smooth;
+    margin: 0;
+    padding: 0;
+    z-index: 1;
+}
+
+.imhex-web-canvas-wrapper {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-size: 100% 100%;
 }
\ No newline at end of file