feat(tabs): listen mouse* events on $nav instead of window

thematters · Sep 2, 2024 · 599a3d0 · 599a3d0
1 parent 2a00449
commit 599a3d0
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/SquareTabs/index.tsx b/src/components/SquareTabs/index.tsx
@@ -86,13 +86,13 @@ export const SquareTabs: React.FC<React.PropsWithChildren<SquareTabsProps>> & {
     calculateGradient()
 
     $nav.addEventListener('scroll', calculateGradient)
-    window.addEventListener('mousemove', handleMouseMove)
-    window.addEventListener('mouseup', handleMouseUp)
+    $nav.addEventListener('mousemove', handleMouseMove)
+    $nav.addEventListener('mouseup', handleMouseUp)
 
     return () => {
       $nav.removeEventListener('scroll', calculateGradient)
-      window.removeEventListener('mousemove', handleMouseMove)
-      window.removeEventListener('mouseup', handleMouseUp)
+      $nav.removeEventListener('mousemove', handleMouseMove)
+      $nav.removeEventListener('mouseup', handleMouseUp)
     }
   }, [$nav, $container, isDragging])