I have a pretty basic example of drag-drop reordering in a repeating group.
It’s part of a larger page with diagnostic info and the ability to add items to the list.
The up and down arrows are not part of the drag-drop operation. They move items to the top or bottom of the list respectively.
The arrows are important because, in realistic situations, the list that’s being reordered is much longer than what’s visible in the rg, and this is an example of where Bubble’s dragging and dropping fail to work well.
In this example, there are two odd behaviors:
- additional rows dropped down below the area of the rg. The rg stops at yak #10.
- the hand (cursor?) is separated from the item that’s being dragged, zebra #11.
These are clearly buggy behaviors.
Other than this, the delay in assigning new numbers is highly variable. The result is that it’s easy for the user to begin a second drag operation with items that don’t reflect their correct numbering from the first operation. This has resulted in duplicate numbers and gaps in sequential numbering.
I know that @ashley.benson.tait suggested using a list in state to speed up reordering. That won’t resolve the weird UI problems though.
NOTE: I have submitted a bug report.