Auto Scroll

makeAutoScroll automatically scrolls a container when the drag overlay center approaches its edges.

Demo

Drag an item near the top or bottom edge of the list to trigger auto-scroll.

Source

• Example.vue
• ScrollList.vue
• SortItem.vue

What's used

• ScrollList — makeDroppable + makeAutoScroll(ref, { threshold: 60, speed: 1.5 }) on the same element. The container border highlights when isScrolling is true.
• SortItem — makeDraggable with [index, items] payload; shows placement indicators on isDragOver.
• suggestSort('vertical') — reorders items on drop.