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.

[ivanjeremic]

Thank you for the example. It's a good start, and I will try to identify the issue. However, as it stands, it is not usable. I hope we receive more official information soon on how to implement reliable live sorting.

[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