Fix tooltips position whilst page is scrolled

sbondCo · May 8, 2023 · 4b6bee9 · 4b6bee9
1 parent 91e1e87
commit 4b6bee9
Showing 1 changed file with 1 addition and 0 deletions.
diff --git a/src/lib/actions/tooltip.ts b/src/lib/actions/tooltip.ts
@@ -12,6 +12,7 @@ export default function tooltip(node: HTMLElement, opts: ToolTipOptions) {
       tooltip.innerHTML = text;
       const nrect = node.getBoundingClientRect();
       const trect = tooltip.getBoundingClientRect();
+      nrect.y += window.scrollY; // Add scrollY to node dom rect so tooltip shows correcting when page is scrolled down
       if (pos === "left") {
         tooltip.style.left = `${nrect.x - trect.width - 10}px`;
         tooltip.style.top = `${nrect.y + trect.height / 2 - 10}px`;