Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
David-Callaghan opened this issue Mar 27, 2025 · 2 comments
Open

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

David-Callaghan opened this issue Mar 27, 2025 · 2 comments

Comments

@David-Callaghan
Copy link

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

@innodonni
Copy link

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

@David-Callaghan
Copy link
Author

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

Thankyou for the workaround

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants