Skip to content

Multi-drag

With MultiDrag="true" you can click items to select several of them, then drag any one of the selected items to move the whole group together. The selection keeps its order and lands as a contiguous block where you drop it. Click an item to toggle its selection; click again to deselect. This mirrors the SortableJS multi-drag demo.

Single list
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6

Order: Item 1, Item 2, Item 3, Item 4, Item 5, Item 6

Across two lists
Item 1
Item 2
Item 3
Item 4
Item A
Item B
Item C
Item D

Left: Item 1, Item 2, Item 3, Item 4

Right: Item A, Item B, Item C, Item D

An unhandled error has occurred. Reload 🗙