Improve auto-scrolling for small containers / large drag sources

[clauderic]

Currently if you have a small scroll container and a large drag source, it's nearly impossible to get fine controlled auto-scrolling working properly given the existing auto-scrolling logic.

The getScrollDirectionAndSpeed will need to be updated to take into account the relative size of the item being dragged compared to the scroll container's actual size

[horprogs]

Hey, first of all, thank you for your job!
This issue is related to this behaviour, right? Is there any way to improve this?

[clauderic]

@horprogs that's one of the manifestations of the issue, indeed.

On how this could be improved: Generally I think it's a bit tricky to find a one-size-fits-all strategy for auto-scrolling. I think in the future this should be a bit more extensible, and have either a pointer coordinates based strategy or a strategy that is based on the bounding rect of the dragged element

[Sorgrum]

@clauderic Looking the grid example, I wonder if the auto-scrolling is too aggressive. Right now it seems that the page auto-scrolls when the element is brought down past the halfway point of the page. A simple solution might be to only scroll if the element that is being dragged is nearing the edge of the viewport. Any thoughts?

[Simba14]

Having similar issues but with on drag instantly scrolling to the top in a scrollable container.
Any workarounds?

[ohayojp]

I don't know if this is related to this issue but when you try to scroll with dragged element without DragOverlay element position won't be updated for the scroll duration. You can see it here: https://5fc05e08a4a65d0021ae0bf2-vfebfgjygq.chromatic.com/?path=/docs/presets-sortable-grid--without-drag-overlay

Drag element and try to scroll the page with it. Result: mouse position and element position are different.
One solution is to set dragged item position to fixed when isDragging, but then after scrolling the page initial position of dragged element will be way off

[willadamskeane]

I'm running into this issue as well - has anyone found an interim workaround?

[clauderic]

I'm working on a fix to these issues here: #140

[AlfainCoder]

I am using dnd-Kit and sortable, context with an array. In my case auto scrolling is not working in a list while item being dragged.