Bug when trying to wrap horizontal items

[a-tonchev]

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]

The same issue :((

[sebastianservat]

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]

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]

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