RectIntersection is not working with draggable items inside a scrollable container

[jeserodz]

The draggable items that are scrolled are not calculating the intersectionRatio correctly.

Please, see this code sandbox for an example: https://codesandbox.io/s/react-dnd-grid-0ylzl?file=/src/App.js

NOTE: Try dragging the last draggable item into one droppable area.

[clauderic]

Hey @jeserodz, seems like a legit bug, thanks for the report!

[clauderic]

For the time being, you can use the closestCenter or closestCorners collision detection algorithms as a workaround, as this is a bug that will take a bit of time to fix.

[xReaven]

For the time being, you can use the closestCenter or closestCorners collision detection algorithms as a workaround, as this is a bug that will take a bit of time to fix.

In my issue (#73 you closed for duplicate), FYI, I do reproduce the bug even with others collisions algorithm. closestCorners / closestCenter are doing the same.

[kwiss]

is the #54 usable ? i have the same kind of bug after scrolling a long list

[bryjch]

Not sure if this bug is the cause for the following as well: https://codesandbox.io/s/confident-pike-ofooi

• Multiple containers with grids of Droppable+Draggable squares
• Dragging within own container: auto scrolling works fine
• Dragging between containers: auto scrolls "over" container, then starts scrolling "from" container
• onDragOver gets called repeatedly when the above occurs

Note: this doesn't use @dnd-kit/sortable, as it's not necessary for my particular use case.

dnd-kit-scroll-bug.mp4

[Shajansheriff]

First of all thanks for building such a developer friendly DnD library @clauderic

We are building a kanban board and our first choice naturally went towards using react-beautiful-dnd and after trying out that, we end up facing this issue atlassian/react-beautiful-dnd#131 and then we have to remove the package as it is not gonna be solved anytime soon.

After searching for other libraries, we found dnd-kit to be promising. Especially after seeing this example. So we replaced react-beautiful-dnd with dnd-kit and things were going great until we hit this issue #73

I saw you are working on #54 Will this solve this issue?

I am open to discuss this and support it further with your help and guidance.