fixed scrolling bug on buttons galore

ThinLiquid · Sep 7, 2024 · a7b0240 · a7b0240
1 parent dff479b
commit a7b0240
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/pages/buttons-galore.md b/src/pages/buttons-galore.md
@@ -141,8 +141,8 @@ my personal collection of 88x31 buttons (that you can contribute to), all in one
   const tooltip = document.querySelector('.tooltip')
 
   window.addEventListener('mousemove', (e) => {
-    const mouseX = e.clientX;
-    const mouseY = e.clientY;
+    const mouseX = e.clientX + window.scrollX;
+    const mouseY = e.clientY + window.scrollY;
 
     tooltip.style.left = `${mouseX + 10}px`; // Offset to prevent cursor overlap
     tooltip.style.top = `${mouseY + 10}px`;

diff --git a/src/style.scss b/src/style.scss
@@ -276,7 +276,7 @@ button {
 
 .tooltip {
   opacity: 0;
-  position: absolute;
+  position: fixed;
   width: max-content;
   user-select: none;
   pointer-events: none;