example grid, how to implement cancel and live reorder?

[ivanjeremic]

I am trying to improve the Grid Example to learn more about the library, I am coming from dnd-kit & react-dnd.

The first thing that is not clear to me looking at the grid example is there is a cancellation method? I expect if I drag the element back over the starting position the drag should cancel and the grid should stay the same, also dragging the element outside the dnd zone should cancel everything.

The second question I have how would a Sortable grid example look like with pragmatic dnd? If we take the current grid example and want to turn it into a live sortable grid how would that look like in pragmatic dnd?

[Raphael-Bahuau]

Up ⬆

[hungify]

Hey @ivanjeremic @Raphael-Bahuau !

https://pragmatic-reorder.netlify.app

Here’s a simpler version: Repo, but there are some flicker UI issues to address.

[Raphael-Bahuau]

Well done, there is some issues but it's a good start I will look into your code :D .

[hungify]

Thank you, it’s difficult to finish that.
Please check the issue: 166