Drag and drop issue in nested grids

[albertofilippi]

Describe the bug

Hello everyone, I'm having an issue with using nested grids.
Within the screen, I place grids called "Containers". Each of these contains another grid where it's possible to position elements called "Items". In the first placed Container, when I perform a drag and drop of the Items inside it, the elements are positioned correctly. In the other Containers, however, the element is always placed in the rightmost column of the grid.

Your Example Website or App

https://codesandbox.io/p/sandbox/thirsty-david-yg9j4x

Steps to Reproduce the Bug or Issue

1. Drag and drop in nested grids

Expected behavior

The Items are inserted into the grid at the user's chosen position, not in the last column.

react-grid-layout library version

1.3.4

Operating System Version

Windows

Browser

Chrome

Additional context

No response

Screenshots or Videos

bug_nested_grids.mp4

[Rahilsiddique]

I am also encountering the same issue; is there any workaround for this? would really appreciate knowing more.

[selcukfatihsevinc]

Same here. I couldn't find a solution yet.
By setting useCSSTransforms={false} for both the parent and child grids, the draggable position is now fixed.