feat: add timer for z-index change of draggable block

1 files changed, 8 insertions, 2 deletions

diff --git a/src/Layout.mjs b/src/Layout.mjs
index 23588a1..51caefb 100644
--- a/src/Layout.mjs
+++ b/src/Layout.mjs
@@ -61,9 +61,15 @@ export class Overlay extends Layout {
   addDraggable = (element) => {
     // Make sure current element always on top
     const siblings = Array.from(element.parentElement?.querySelectorAll(':scope > *') ?? [])
+    let popTimer = null
     element.onmouseover = () => {
-      siblings.forEach(e => e.style.removeProperty('z-index'))
-      element.style.zIndex = '9000'
+      popTimer = setTimeout(() => {
+        siblings.forEach(e => e.style.removeProperty('z-index'))
+        element.style.zIndex = '9000'
+      }, 200)
+    }
+    element.onmouseout = () => {
+      clearTimeout(popTimer)
     }
 
     // Add draggable part