Dragging is bugged when having a custom margin and rowHeight

[peteranderss0n]

Describe the bug

Whenever you drag a box with a custom margin and rowHeight the drag functionality becomes invalid.
Please check codesandbox for example, you will see that as soon as you start dragging an item around, it feel awkward compared to other versions.

If I increase the rowHeight it works better, but I'm currently using rowHeight={1}

Your Example Website or App

https://codesandbox.io/p/devbox/yh3s4h?file=%2Fsrc%2FApp.js%3A14%2C19

Steps to Reproduce the Bug or Issue

1. Navigate to the codesandbox and start the environment
2. Start drag number 6 box a few pixels, as soon as you start moving it, it pushes the #.2 box down immediately.

Expected behavior

When i drag it a little bit and it's still outside 2, I don't expect #.2 to be moving.

react-grid-layout library version

1.4.4

Operating System Version

Windows

Browser

Chrome

Additional context

No response

Screenshots or Videos

No response

[xuanxiaoxiao]

When rowHeight<10, this problem will occur. You can try setting a relatively large value