Fix multiple lists optimistic sorting

clauderic · Sep 23, 2024 · 1ca6882 · 1ca6882
1 parent 5b36f8f
commit 1ca6882
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/apps/stories/stories/react/Sortable/MultipleLists/MultipleLists.tsx b/apps/stories/stories/react/Sortable/MultipleLists/MultipleLists.tsx
@@ -67,7 +67,11 @@ export function MultipleLists({
           return;
         }
 
-        event.preventDefault();
+        if (target.id === source.data.group) {
+          event.preventDefault();
+          return;
+        }
+
         setItems((items) => move(items, source, target));
       }}
       onDragEnd={(event) => {
@@ -164,13 +168,15 @@ function SortableItem({
   style,
   onRemove,
 }: PropsWithChildren<SortableItemProps>) {
+  const group = column;
   const {handleRef, ref, isDragSource} = useSortable({
     id,
-    group: column,
+    group,
     accept: 'item',
     type: 'item',
     feedback: 'clone',
     index,
+    data: {group},
   });
 
   return (