Grid item shifts leftward unexpectedly when dragging leftward resize handle.

[lvboda]

Describe the bug

When enabling isResizable to true and configuring a leftward resize handle (i.e., setting resizeHandles as 'w', 'sw', or 'nw'), dragging a grid item to resize its width leftward results in the grid item itself shifting leftwards. This behavior is unexpected, as I would anticipate the right-hand position to remain fixed while only the left-hand border adjusts with the handle's drag. This issue can be replicated in the official demo.

Your Example Website or App

https://react-grid-layout.github.io/react-grid-layout/examples/0-showcase.html

Steps to Reproduce the Bug or Issue

1. Set isResizable to true.
2. Configure resizeHandles to 'w', 'sw', or 'nw'.
3. Drag a grid item leftward to resize its width.
4. Observe the grid's position shifting as it moves leftward.

Expected behavior

The expected behavior is that when dragging the grid item leftward, the position of the right-hand side remains fixed while the width adjusts from the left side.

react-grid-layout library version

1.4.1

Operating System Version

macOS

Browser

Chrome

Additional context

No response

Screenshots or Videos

copy_E441EEAA-FBAD-45BC-BDDB-D60BBF4AAA3A.MOV