fix(SwipeAction): fix close on touch outside and interaction between …

…SwipeActions
unimol · Jul 27, 2022 · 8f4fb48 · 8f4fb48
1 parent dbddbce
commit 8f4fb48
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/components/swipe-action/swipe-action.tsx b/src/components/swipe-action/swipe-action.tsx
@@ -92,10 +92,17 @@ export const SwipeAction = forwardRef<SwipeActionRef, SwipeActionProps>(
     function forceCancelDrag() {
       dragCancelRef.current?.()
       draggingRef.current = false
+      dragDownRef.current = false
     }
+    const dragDownRef = useRef(false)
 
     const bind = useDrag(
       state => {
+        if (state.down) {
+          dragDownRef.current = state.down
+        }
+        if (!dragDownRef.current) return
+
         dragCancelRef.current = state.cancel
         if (!state.intentional) return
         draggingRef.current = true