From caafd1a7c92f05aa4ca2f394b5eed1ce82c3f3b4 Mon Sep 17 00:00:00 2001
From: nerdyman <averynerdyman@gmail.com>
Date: Thu, 5 Jan 2023 20:03:18 +0000
Subject: [PATCH] refactor: replace `touchstart` and `mousedown` event bindings
 with `pointerdown`

---
 src/ReactCompareSlider.tsx | 15 ++++-----------
 1 file changed, 4 insertions(+), 11 deletions(-)

diff --git a/src/ReactCompareSlider.tsx b/src/ReactCompareSlider.tsx
index d529898..52560c3 100644
--- a/src/ReactCompareSlider.tsx
+++ b/src/ReactCompareSlider.tsx
@@ -295,19 +295,19 @@ export const ReactCompareSlider: FC<ReactCompareSliderDetailedProps> = ({
   useEffect(() => {
     const containerRef = rootContainerRef.current as HTMLDivElement;
 
-    const handleMouseLeave = (): void => {
+    const handlePointerLeave = (): void => {
       if (isDragging) return;
       handlePointerUp();
     };
 
     if (changePositionOnHover) {
       containerRef.addEventListener('pointermove', handlePointerMove, EVENT_PASSIVE_PARAMS);
-      containerRef.addEventListener('pointerleave', handleMouseLeave, EVENT_PASSIVE_PARAMS);
+      containerRef.addEventListener('pointerleave', handlePointerLeave, EVENT_PASSIVE_PARAMS);
     }
 
     return () => {
       containerRef.removeEventListener('pointermove', handlePointerMove);
-      containerRef.removeEventListener('pointerleave', handleMouseLeave);
+      containerRef.removeEventListener('pointerleave', handlePointerLeave);
     };
   }, [changePositionOnHover, handlePointerMove, handlePointerUp, isDragging]);
 
@@ -326,14 +326,7 @@ export const ReactCompareSlider: FC<ReactCompareSliderDetailedProps> = ({
   );
 
   useEventListener(
-    'mousedown',
-    handlePointerDown,
-    interactiveTarget as HTMLDivElement,
-    EVENT_CAPTURE_PARAMS,
-  );
-
-  useEventListener(
-    'touchstart',
+    'pointerdown',
     handlePointerDown,
     interactiveTarget as HTMLDivElement,
     EVENT_CAPTURE_PARAMS,