Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bug when trying to wrap horizontal items #72

Open
a-tonchev opened this issue Oct 19, 2020 · 4 comments
Open

Bug when trying to wrap horizontal items #72

a-tonchev opened this issue Oct 19, 2020 · 4 comments

Comments

@a-tonchev
Copy link

When I have too many items horizontally and I put wrap item on them, e.g.

flex-wrap: wrap;

The items are displayed correctly, but they don't behave correct.

@wata-thannguyen
Copy link

The same issue :((

@sebastianservat
Copy link

Any updates on this? I've tried other libs (such as react-beautiful-dnd, react-dnd, etc) and this one was simple to implement and did everything I needed. Except handling horizontal wrapping.

Like @a-tonchev mentioned, flex-wrap will wrap the elements, but when you drag an element on top of a droppable area, it goes back to single line and all items overflow out of bounds.

@kutlugsahin What's the right approach to handle this scenario? Thanks.

@a-tonchev
Copy link
Author

I fixed this issue with using 2 containers - one above the other. You just need to maintain the items amount correctly, then it works well.

@JuneScut
Copy link

JuneScut commented Jan 2, 2024

I fixed this issue with using 2 containers - one above the other. You just need to maintain the items amount correctly, then it works well.

Could you give us an example for how to use 2 containers to fix it? @a-tonchev

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants