From 825b3b4522e688db72d09b0dc8df2d92158c9074 Mon Sep 17 00:00:00 2001
From: Bela Bohlender <bela@bohlender.email>
Date: Tue, 3 Sep 2024 15:05:31 +0200
Subject: [PATCH] fix: slider behavior when using multiple pointers

---
 packages/kits/default/src/slider.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/kits/default/src/slider.tsx b/packages/kits/default/src/slider.tsx
index 8067b7c7..4a6cfd01 100644
--- a/packages/kits/default/src/slider.tsx
+++ b/packages/kits/default/src/slider.tsx
@@ -37,7 +37,7 @@ export const Slider: (props: SliderProperties & RefAttributes<ComponentInternals
     onChange.current = onValueChange
     const hasProvidedValue = providedValue != null
     const handler = useMemo(() => {
-      let down: boolean = false
+      let downPointerId: number | undefined
       function setValue(e: ThreeEvent<PointerEvent>) {
         if (internalRef.current == null) {
           return
@@ -58,21 +58,24 @@ export const Slider: (props: SliderProperties & RefAttributes<ComponentInternals
       }
       return {
         onPointerDown(e) {
-          down = true
+          if (downPointerId != null) {
+            return
+          }
+          downPointerId = e.pointerId
           setValue(e)
           ;(e.target as HTMLElement).setPointerCapture(e.pointerId)
         },
         onPointerMove(e) {
-          if (!down) {
+          if (downPointerId != e.pointerId) {
             return
           }
           setValue(e)
         },
         onPointerUp(e) {
-          if (!down) {
+          if (downPointerId == null) {
             return
           }
-          down = false
+          downPointerId = undefined
           e.stopPropagation()
         },
       } satisfies EventHandlers