Dejan Eric comments

Results 8 comments of


                                            Dejan Eric

useSortable dragging render issue

The issue suggest that you have 2 same ID when executing your logic. Happened to me. Can you share your code?

does not work well in a flex container with the flex wrap property

Try to use different collision detectors. For example closest center. https://docs.dndkit.com/api-documentation/context-provider/collision-detection-algorithms

Scroll position reset across all items, with useSortable, when dropping item

useLayoutEffect custom hook for each sortable that stores the scroll position. Simple.

can a nested <DndContext /> detect draggable/droppable elements that's coming from another <DndContext /> (parent dndContext for example)?

I think it's not possible based on what I read. You need to use the same context. It's not practical but achievable. Here is how I implemented mine https://app.simplyfitness.com/workout-builder/new

can a nested <DndContext /> detect draggable/droppable elements that's coming from another <DndContext /> (parent dndContext for example)?

I will publish the code on sandbox.

When I quickly move an item from one column to another empty column, the item gets deleted from the list.

I had the same kind of issues and the reason is that you are missing a case scenario in your dragOver or dragEnd functions. To find the issue you need...

No animation when returning the data array to default values

The items Id needs to be a string.

No animation when returning the data array to default values

Try to use arrayMove function to set the state to default values.