fix: middle click to hide draggable block

2 files changed, 5 insertions, 1 deletions

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;