How to detect droppable area when target container is empty

[sebastianservat]

Hi @clauderic ,

I have extended the code you helped me with to achieve multiple sortable containers, but having 2 issues I need help with please:

https://codesandbox.io/s/dnd-kit-sortable-grid-multiple-nelb0c

1. Sometimes during the drag over action from one container to another and whilst trying to slot the item into place, I notice some performance degradation where the items slows down or even worst, gets stuck. Do you know why this might be happening and any improvement suggestions?

2. If I drag all items from one side to the other, I can't drag items back to the empty container as it doesn't detect a droppable area nor display the dragOverlay on the drop location. How can I handle this?

As usual, thanks a million for your support!

Seb.

[sebastianservat]

@clauderic Any suggestions?

[clauderic]

You need to connect this area to useDroppable():

[sebastianservat]

Thank you! Implemented useDroppable and worked as expected :)