fix(design): fix slider to stop responding to mouse movement after re…

…lease during zoom operations (#1834)
dream-num · Apr 9, 2024 · 3d5a26e · 3d5a26e
1 parent 52b2698
commit 3d5a26e
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/packages/design/src/components/slider/Slider.tsx b/packages/design/src/components/slider/Slider.tsx
@@ -132,17 +132,17 @@ export function Slider(props: ISliderProps) {
 
         function onMouseUp() {
             isDragging = false;
-            document.removeEventListener('mousemove', onMouseMove);
-            window.removeEventListener('mouseup', onMouseUp);
+            document.removeEventListener('pointermove', onMouseMove);
+            window.removeEventListener('pointerup', onMouseUp);
         }
 
         function onMouseOut(e: MouseEvent) {
             e.relatedTarget === null && onMouseUp();
         }
 
-        document.addEventListener('mousemove', onMouseMove);
-        window.addEventListener('mouseup', onMouseUp);
-        window.addEventListener('mouseout', onMouseOut);
+        window.addEventListener('pointermove', onMouseMove);
+        window.addEventListener('pointerup', onMouseUp);
+        window.addEventListener('pointerout', onMouseOut);
     }
 
     return (
@@ -167,7 +167,7 @@ export function Slider(props: ISliderProps) {
                         style={{
                             left: `${offset}%`,
                         }}
-                        onMouseDown={handleMouseDown}
+                        onPointerDown={handleMouseDown}
                     />
                 </div>
             </div>