Sortable grid dashboard

[timheerwagen]

What is the best way to create a sortable grid dashboard where sortable items are not swapped automatically, but are moved down one level when a smaller item is moved above it. Also, I'm looking for a way to move items back and forth on free spaces within the container. Currently I can only swap items.

With SortableContext I can rearrange items, but some of them jump back and forth.
Would it make sense to do without the SortableContext and use a snapToGrid modifier instead?

[taziksh]

This looks really cool! Would be great to see the Codesandbox if you're open to sharing

[timheerwagen]

@taziksh
Unfortunately, I have not found a solution for Dnd-kit. So I had to use react-grid-layout for that. But if someone finds a solution I would be very pleased, because I would like to stay with Dnd-kit.