fix: use pointer events for touch devices

Draggable · Nov 16, 2024 · 3240ce2 · 3240ce2
1 parent 550b6b9
commit 3240ce2
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/js/index.ts b/src/js/index.ts
@@ -66,8 +66,8 @@ export class SmartTooltip {
   }
 
   private setupEventListeners() {
-    document.addEventListener('mouseover', this.handleMouseOver)
-    document.addEventListener('mouseout', this.handleMouseOut)
+    document.addEventListener('pointerenter', this.handleMouseOver)
+    document.addEventListener('pointerleave', this.handleMouseOut)
     document.addEventListener('click', this.handleClick)
     window.addEventListener('resize', this.handleResize)
     window.addEventListener('scroll', this.handleScroll, true)
@@ -244,8 +244,8 @@ export class SmartTooltip {
   }
 
   public destroy(): void {
-    document.removeEventListener('mouseover', this.handleMouseOver)
-    document.removeEventListener('mouseout', this.handleMouseOut)
+    document.removeEventListener('pointerenter', this.handleMouseOver)
+    document.removeEventListener('pointerleave', this.handleMouseOut)
     document.removeEventListener('click', this.handleClick)
     window.removeEventListener('resize', this.handleResize)
     window.removeEventListener('scroll', this.handleScroll, true)