clauderic / clauderic/react-sortable-hoc

Grid rows not wrapping when element is dragged up first column

Open
#617 8 comments 6 reactions 0 assignees View on GitHub
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:
![ezgif com-video-to-gif](https://user-images.githubusercontent.com/52672681/66528388-86515200-eab4-11e9-8671-f130d685a07c.gif)

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

  • elements `display: inline-block` and set the axis to 'xy'.

    [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

    Get new issues in your inbox

    A short digest of beginner-friendly GitHub issues.