From ef12755cfa819b891998d1af756e6a1b0c16ee2c Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Wed, 25 Sep 2024 11:40:53 +0800
Subject: feat: close draggable block by middle click

---
 src/Layout.mjs | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

(limited to 'src/Layout.mjs')

diff --git a/src/Layout.mjs b/src/Layout.mjs
index 1279111..53b81fe 100644
--- a/src/Layout.mjs
+++ b/src/Layout.mjs
@@ -77,13 +77,6 @@ export class Overlay extends Layout {
     element.appendChild(draggablePart)
     draggablePart.className = 'draggable-part'
     draggablePart.innerHTML = '<div class="handle">\u2630</div>'
-    draggablePart.title = 'Use middle-click to remove block'
-    draggablePart.onmouseup = (e) => {
-      // Hide block with middle click
-      if (e.button === 1) {
-        element.classList.add('hide')
-      }
-    }
 
     // Add draggable instance
     const { left, top } = element.getBoundingClientRect()
@@ -142,6 +135,13 @@ export class Overlay extends Layout {
           <div id="minus-font-size">\u2796</div>
         </div>
       `
+      wrapper.title = 'Middle-click to hide block'
+      wrapper.onmouseup = (e) => {
+        // Hide block with middle click
+        if (e.button === 1) {
+          wrapper.classList.add('hide')
+        }
+      }
 
       // Set DOMRect for wrapper
       wrapper.appendChild(block)
-- 
cgit v1.2.3-70-g09d2