Open raunaksaral opened 3 months ago
Its because the over id is getting null when over the void column, fix it by doing. if (!overColumn && over?.id && column[over?.id]) overColumn = over?.id; }. Hope helped!
Consider see it for more:https://github.com/danilosnDesk/dnd_kit_multiple_container_with_mui
Description: I am experiencing an issue where items cannot be dropped into an empty column when using a larger screen size. The problem does not occur every time, and I have recorded a Loom video demonstrating the issue.
Steps to Reproduce: On a larger screen, attempt to drag and drop an item into an empty column. Observe if the item is successfully dropped or if any errors occur. Note that the issue does not happen consistently. Expected Behavior: Items should be able to be dropped into empty columns regardless of screen size.
Actual Behavior: Items fail to drop into empty columns on larger screens. The issue occurs intermittently and is not present on all screen sizes.
Code Sample: Here’s a simplified version of the code related to the problem:
Loom Video: Video1 Video2
I’m not sure if there’s something wrong with the way the implementation is set up, particularly with respect to how items are handled when dropped into an empty column. Any guidance or suggestions on what might be causing this issue or how to resolve it would be greatly appreciated.