From cc906173bff1bb9edd2271b83c71856722047820 Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Sat, 21 Sep 2024 17:05:15 +0800
Subject: fix: middle click to hide draggable block

---
 src/Layout.mjs       | 2 +-
 src/css/dumbymap.css | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/Layout.mjs b/src/Layout.mjs
index 20e8a23..861f56b 100644
--- a/src/Layout.mjs
+++ b/src/Layout.mjs
@@ -36,7 +36,7 @@ export class OverlayLayout extends Layout {
       draggablePart.onmouseup = (e) => {
         if (e.button === 1) {
           // Hide block with middle click
-          draggableBlock.style.display = "none";
+          draggableBlock.setAttribute("data-hide", "true")
         }
       }
 
diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css
index 252fe84..68a73c0 100644
--- a/src/css/dumbymap.css
+++ b/src/css/dumbymap.css
@@ -272,6 +272,10 @@
     display: none;
   }
 
+  &[data-hide="true"] {
+    display: none;
+  }
+
   &:has(.draggable:hover, .utils:hover) {
     .dumby-block {
       color: gray;
-- 
cgit v1.2.3-70-g09d2