Sortable icon indicating copy to clipboard operation
Sortable copied to clipboard

[bug] Dragging outside of list will not scroll in Chrome

Open David-Callaghan opened this issue 9 months ago • 2 comments

Describe the bug

When I drag an item above or below a list, it will not scroll in Chrome. It does work in Firefox

The feature appears to be bubblescroll, but the behaviour is the same wether the setting is on or off

To Reproduce Steps to reproduce the behavior: https://jsbin.com/dimoyiyobu/1/edit?html,css,js,output

In Chrome dragging an item to the gray border will cause it to scroll. But above or below the border will not work In Firefox dragging above or below the gray border will scroll properly

Expected behavior

Dragging outside the parent list should cause scrolling in Chrome

Information

sortablejs = 1.15.6 Chrome = 134.0.6998.178 Windows 11 Firefox = 136.0.3 Windows 11

Reproduction codesandbox: https://jsbin.com/dimoyiyobu/1/edit?html,css,js,output

David-Callaghan avatar Mar 27 '25 02:03 David-Callaghan

IMO this sounds like the job of a plugin. There are lots of people on StackOverflow discussing this sort of thing, and we have some (proprietary, but very basic) code to do this, similar to this person's solution: https://stackoverflow.com/a/9132829

innodonni avatar Apr 14 '25 10:04 innodonni

Yes, the plugin is Autoscroll which lists the functionality - https://github.com/SortableJS/Sortable/tree/master/plugins/AutoScroll#bubblescroll-option

Thankyou for the workaround

David-Callaghan avatar Apr 14 '25 12:04 David-Callaghan