From cfa5cea524c68d8b21d132f03ede43d1fdb5461a Mon Sep 17 00:00:00 2001
From: CodedSakura <sakuracoded@gmail.com>
Date: Fri, 10 Jul 2026 15:41:56 +0300
Subject: [PATCH] improve tooltip behavior

---
 index.html           | 4 ++--
 scripts/dom-utils.js | 4 ++--
 scripts/tooltip.js   | 8 ++++++++
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index c76d02e..fa2701f 100644
--- a/index.html
+++ b/index.html
@@ -33,7 +33,7 @@
       Filter:
       <input data-input="block-filter">
     </label>
-    <div class="list" id="block-list">
+    <div class="list" id="block-list" data-retain-tooltip-hover>
       <template>
         <div class="m1"></div>
       </template>
@@ -47,7 +47,7 @@
     <input type="file" data-input="configuration" accept=".ncpf.json" />
   </div>
   <div data-state="planning">
-    <div class="list" id="planner">
+    <div class="list" id="planner" data-retain-tooltip-hover>
       <template>
         <div class="grid m2">
           <template>
diff --git a/scripts/dom-utils.js b/scripts/dom-utils.js
index 558c3a5..c0a6631 100644
--- a/scripts/dom-utils.js
+++ b/scripts/dom-utils.js
@@ -32,10 +32,10 @@ export function setText(dataValue, text, props = {}) {
 
 export function debounce(fn, milliseconds = 200) {
   let timeout = null;
-  return (e) => {
+  return (...e) => {
     if (timeout) {
       clearTimeout(timeout);
     }
-    timeout = setTimeout(() => fn(e), milliseconds);
+    timeout = setTimeout(() => fn(...e), milliseconds);
   }
 }
diff --git a/scripts/tooltip.js b/scripts/tooltip.js
index fd2c112..ac97fb9 100644
--- a/scripts/tooltip.js
+++ b/scripts/tooltip.js
@@ -8,6 +8,14 @@ let suppressTooltips = false;
 let activeTooltipTarget = null;
 
 export function initializeTooltips() {
+  document.querySelectorAll("[data-retain-tooltip-hover]").forEach(elem =>
+      elem.addEventListener("mousemove", e => {
+        if (lastCoordinates !== null) {
+          e.stopPropagation();
+          lastCoordinates = { x: e.pageX, y: e.pageY };
+          emitEvent("tooltips:show");
+        }
+      }));
   window.addEventListener("mousemove", () => {
     if (lastCoordinates !== null) {
       emitEvent("tooltips:hide");