clauderic / clauderic/react-sortable-hoc
Grid rows not wrapping when element is dragged up first column
- Dominant language
- JavaScript
- Stars
- 10.9k
- Forks
- 959
- PR merge metrics
- No merged PRs in 30d
Description
I'm currently getting the UI bug as shown below:

The rows are being pushed outside the grid instead of wrapping as it should.
Perhaps I haven't implemented the grid correctly - I've made the
[Here's a demo made from the starter codesandbox.](https://codesandbox.io/embed/react-sortable-hoc-starter-us9wc)
Contributor guide
No contributing guide indexed for this repository
Research direction
Start with the linked starter CodeSandbox and reproduce the drag from the first column with the list items displayed as inline-block and the axis set to xy. Trace how the grid layout responds during that movement and compare it with the expected wrapping behavior. Done means rows remain within the grid and wrap correctly after the drag.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100