Fix: add stopPropagation to draggable

katspaugh · Nov 26, 2023 · 03e0abc · 03e0abc
1 parent e9cd82c
commit 03e0abc
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/draggable.ts b/src/draggable.ts
@@ -4,19 +4,26 @@ export function makeDraggable(
   onStart?: (x: number, y: number) => void,
   onEnd?: () => void,
   threshold = 5,
+  mouseButton = 0,
 ): () => void {
   if (!element) return () => void 0
 
   let unsubscribeDocument = () => void 0
 
   const onPointerDown = (event: PointerEvent) => {
-    if (event.button !== 0) return
+    if (event.button !== mouseButton) return
+
+    event.preventDefault()
+    event.stopPropagation()
 
     let startX = event.clientX
     let startY = event.clientY
     let isDragging = false
 
     const onPointerMove = (event: PointerEvent) => {
+      event.preventDefault()
+      event.stopPropagation()
+
       const x = event.clientX
       const y = event.clientY
       const dx = x - startX