React-beautiful-dnd: Wrap the items or create more than one row in a dropzone?

Created on 16 Feb 2018  路  5Comments  路  Source: atlassian/react-beautiful-dnd

How do I wrap the items or create more than one row in a dropzone if the combined items are wider than the width of the container?

How it works right now (a scroll appears):
image

How I want it to work (the items are wrapped and a second row appear, it's all part of the same dropzone though):
image

Most helpful comment

Okay, thank you for the answer. I think a support for wrapping items would greatly improve the number of potential use cases.

All 5 comments

This would be a "grid" function which I think is not supported by the library right now.

I see. Is it a function that's supposed to be supported in the future? If not, does anyone have a suggestion how I make a behaviour as similar as possible to this?

@JWaldenback This is currently not being considered. Here is an earlier issue requesting the same feature:

316

Would love to have something like this soon though.

Okay, thank you for the answer. I think a support for wrapping items would greatly improve the number of potential use cases.

Thanks @anuragl94 and @ron-camaron for responding to this one :)

Was this page helpful?
0 / 5 - 0 ratings