Support for dropping list items on each other

[brandonburkett]

Description

This usecase is in addition to drag and drop to re-order, it would allow dropping one list item on top of another and giving supporting an some kind of onCombine callback prop to handle the merge (similar to onReorder for sorting).

It may also need some kind of "combine" / overlapping threshold to delay the re-ordering gap that shows between list items so the user could actually drop one on top of the other.

Possible implementation

No response

[brimby]

I have a usecase that might overlap a bit with this. I have a schedule, so each item is associated with a start time. If I reorder items, although it's possible to replace an item at any given start time, and also possible to place an item at the end of the list with a new later start time, it's impossible to place an item BEFORE the first item's start time (I can only replace/push forward the current first item at the 0 index, which is still a feature that's necessary for the user).

So if it were either possible to place an item in a sort of -1 type index, OR (and this is where the overlap comes in with this request) when the user drags I could shift all items one index forward and then allow them to drop INSIDE the new 0 index (since there isn't actually anything to replace there).

Complicated and niche, I know.

[omahili]

I like the idea of an onCombine event. The list could support a mode prop that allows for this feature. Will evaluate it and possibly implement it, but there's a couple features that have priority over this, like horizontal lists and layout animations.