Bug with moving items breakpoints

Author: Ale9600Created Jul 2, 2024Updated Aug 4, 2026
Labelsbugready-for-human

Describe the bug

In certain conditions items breakpoints are not coherent with expected behaviour when dragging elements. Breakpoints when items are considered moved is broken when you try to move a smaller block over a big one

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. Get any of the demo or try directly on it
  2. (Start it)
  3. Put a smaller block on top of a big one
  4. Try to drag the smaller block over the big one from up to down and watch when the elements move, it seems that the breakpoint for the movement is far too low(not expected)
  5. Do the same but from down to up(it works fine)
  6. Do the same with an equal block( it works just fine in both directions)

Expected behavior

I think the behaviour of the elements should be the same independently of items size.

react-grid-layout library version

1.4.1

Operating System Version

macOS

Browser

Chrome

Additional context

No response

Screenshots or Videos

No response

Source: react-grid-layout/react-grid-layout