From 7932f3f5c813030f19c9d061513bb15eae2a579c Mon Sep 17 00:00:00 2001
From: AlexSserb <aserbin190@gmail.com>
Date: Wed, 13 Aug 2025 18:18:37 +0400
Subject: [PATCH] fix: fixed scrolling by draggable on mobile

---
 src/app/deals/hooks/useSensors.ts             | 29 ++++++++-----------
 .../dnd/SortableItem/DragHandle.tsx           |  3 --
 2 files changed, 12 insertions(+), 20 deletions(-)

diff --git a/src/app/deals/hooks/useSensors.ts b/src/app/deals/hooks/useSensors.ts
index 3d5aaf8..cbd4751 100644
--- a/src/app/deals/hooks/useSensors.ts
+++ b/src/app/deals/hooks/useSensors.ts
@@ -1,33 +1,28 @@
 import {
     KeyboardSensor,
-    PointerSensor,
+    MouseSensor,
     TouchSensor,
     useSensor,
     useSensors,
 } from "@dnd-kit/core";
 import { sortableKeyboardCoordinates } from "@dnd-kit/sortable";
-import useIsMobile from "@/hooks/useIsMobile";
 
 const useDndSensors = () => {
-    const isMobile = useIsMobile();
-
-    const sensorOptions = {
-        activationConstraint: isMobile
-            ? {
-                  delay: 500,
-                  tolerance: 5,
-              }
-            : {
-                  distance: 5,
-              },
-    };
-
     return useSensors(
-        useSensor(PointerSensor, sensorOptions),
+        useSensor(MouseSensor, {
+            activationConstraint: {
+                distance: 8,
+            },
+        }),
         useSensor(KeyboardSensor, {
             coordinateGetter: sortableKeyboardCoordinates,
         }),
-        useSensor(TouchSensor, sensorOptions)
+        useSensor(TouchSensor, {
+            activationConstraint: {
+                delay: 300,
+                tolerance: 5,
+            },
+        })
     );
 };
 
diff --git a/src/components/dnd/SortableItem/DragHandle.tsx b/src/components/dnd/SortableItem/DragHandle.tsx
index 12951b5..1afaa35 100644
--- a/src/components/dnd/SortableItem/DragHandle.tsx
+++ b/src/components/dnd/SortableItem/DragHandle.tsx
@@ -18,12 +18,9 @@ const DragHandle = ({ id, children, style, disabled }: Props) => {
         <div
             {...attributes}
             {...listeners}
-            onTouchStart={e => !disabled && e.stopPropagation()}
-            onTouchMove={e => !disabled && e.stopPropagation()}
             style={{
                 width: "100wv",
                 cursor: disabled ? "default" : "grab",
-                touchAction: disabled ? "auto" : "none",
                 ...style,
             }}
             ref={setNodeRef}>