fix(core): dragging locked segment

Fixes: #271
AxisCommunications · Aug 21, 2023 · 515f911 · 515f911
1 parent 1c05957
commit 515f911
Showing 1 changed file with 13 additions and 7 deletions.
diff --git a/packages/core/src/DraggableList/index.tsx b/packages/core/src/DraggableList/index.tsx
@@ -125,13 +125,19 @@ export const DraggableList: FC<DraggableListProps> = ({
   const dragIndexRef = useRef<number | undefined>()
   const dropIndexRef = useRef<number | undefined>()
 
-  const onDragStart = useCallback<DragEventHandler<HTMLDivElement>>(e => {
-    // Needed for Firefox
-    // You need to set some data in the dataTransfer member
-    // of the event when the drag start in Firefox
-    e.dataTransfer.setData('text', '')
-    dragIndexRef.current = Number(e.currentTarget.dataset.index)
-  }, [])
+  const onDragStart = useCallback<DragEventHandler<HTMLDivElement>>(
+    e => {
+      // Needed for Firefox
+      // You need to set some data in the dataTransfer member
+      // of the event when the drag start in Firefox
+      e.dataTransfer.setData('text', '')
+      const dragIndex = Number(e.currentTarget.dataset.index)
+      if (locked[dragIndex] !== true) {
+        dragIndexRef.current = Number(e.currentTarget.dataset.index)
+      }
+    },
+    [locked]
+  )
 
   const onDragOver = useCallback<DragEventHandler<HTMLDivElement>>(
     e => {