From d164a859f1004d8acf9109c90f981341b4ee78c3 Mon Sep 17 00:00:00 2001
From: "Janni K." <24881711+nummacway@users.noreply.github.com>
Date: Mon, 22 Dec 2025 22:26:21 +0100
Subject: [PATCH 1/3] Changing style attributes of #gfxEditorTilesCanvas's
 nameless parent

- `<div>` has no attribute called `"width"`
- I believe `overflow:auto` is better than `overflow:scroll`, because it doesn't display the scroll bars if they're not necessary
- Removed `display:none` because obviously useless (it's removed by the JS)
---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index d9230d0..35c9808 100644
--- a/index.html
+++ b/index.html
@@ -90,7 +90,7 @@
       <div class="editor" id="gfxEditorDiv">
         <canvas id="gfxEditorDrawCanvas" width="8" height="8" style="width: 256px"></canvas>
         <canvas id="gfxEditorPalette" width="16" height="64" style="width: 32px; margin-left: 2px"></canvas>
-        <div width="100%" style="overflow: scroll; display: none">
+        <div style="overflow: auto">
           <canvas id="gfxEditorTilesCanvas"></canvas>
         </div>
       </div>

From b3b817cc72abf7f523dbe62f4bc8a9cac7d67f14 Mon Sep 17 00:00:00 2001
From: "Janni K." <24881711+nummacway@users.noreply.github.com>
Date: Mon, 22 Dec 2025 22:29:22 +0100
Subject: [PATCH 2/3] Update gfx-editor.js

- First removed line fixes #121 (it constantly evaluates to 0)
- Second removed line is invalid code and does nothing at all
- Third removed line is only useful because the initial value in `index.html` is useless (I removed it in my other commit to this patch)
---
 js/gfx-editor.js | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/js/gfx-editor.js b/js/gfx-editor.js
index d2fa2b8..1e48f86 100644
--- a/js/gfx-editor.js
+++ b/js/gfx-editor.js
@@ -16,9 +16,6 @@ export function register(div_id) {
   draw_canvas = document.getElementById('gfxEditorDrawCanvas');
   palette_canvas = document.getElementById('gfxEditorPalette');
   new ResizeObserver(function () {
-    tile_canvas.parentElement.style.maxWidth = main_div.clientWidth;
-    tile_canvas.parentElement.style.maxHeight = main_div.clientHeight - 300;
-    tile_canvas.parentElement.style.display = '';
   }).observe(main_div);
 
   draw_canvas.onmousemove = function (e) {

From 854e7f1dd84ac61a0608503c9c5879475676f78e Mon Sep 17 00:00:00 2001
From: "Janni K." <24881711+nummacway@users.noreply.github.com>
Date: Mon, 22 Dec 2025 22:36:56 +0100
Subject: [PATCH 3/3] Update gfx-editor.js

ResizeObserver became useless.
---
 js/gfx-editor.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/js/gfx-editor.js b/js/gfx-editor.js
index 1e48f86..f1abcc1 100644
--- a/js/gfx-editor.js
+++ b/js/gfx-editor.js
@@ -15,8 +15,6 @@ export function register(div_id) {
   tile_canvas = document.getElementById('gfxEditorTilesCanvas');
   draw_canvas = document.getElementById('gfxEditorDrawCanvas');
   palette_canvas = document.getElementById('gfxEditorPalette');
-  new ResizeObserver(function () {
-  }).observe(main_div);
 
   draw_canvas.onmousemove = function (e) {
     var rect = e.target.getBoundingClientRect();