Support lists with wrapping rows (Grid layout)
## Bug or feature request? Feature request <!-- If raising a feature request please be sure to have a search through other open and closed issues tagged with 'new feature' https://github.com/atlassian/react-beautiful-dnd/issues?utf8=%E2%9C%93&q=is%3Aopen%20is%3Aclosed%20is%3Aissue%20 Before raising a new feature please take a look at the core design principles of the library: https://github.com/atlassian/react-beautiful-dnd#driving-philosophy-physicality This is not a general purpose drag and drop library and is attempting to create an experience that is more physical than standard drag and drop interactions on the web. --> <!-- If raising a bug --> ### Expected behavior When I have a Droppable container with horizontal layout and limited width (let's say it fits 3 draggable items) and height (let it be double height of a draggable item), I'd like to have an ability to drag and drop items in 2 rows inside the container when the number of items is more than 3. So the items will fit the actual size of the container without scrolling via flex wrap, like on the picture.  ### Actual behavior When I move "Item4" to the place of "Item3", both "Item2" and "Item5" are being moved. 
Posted by RomanProkhodsky on Feb 9, 2018, 12:05 PM
Tags
Related issues
- Add 65536 size support for maps
- TypeScript 7.1 Iteration Plan
- nvim-treeconfig: upstream nvim-treesitter
- Add the "action" and "method" attributes to <button>
- [FEATURE] Support multiple Connector accounts (same connector, different accounts) in Claude and Claude Code on the web (claude.ai/code)
- > We were imposed GitHub for so many exercises!
Raise real-world problems, find people facing the same issue, and discuss solutions.4,500 issues0 comments
support (Software)
Add 65536 size support for maps
TypeScript 7.1 Iteration Plan
nvim-treeconfig: upstream nvim-treesitter
Add the "action" and "method" attributes to <button>
[FEATURE] Support multiple Connector accounts (same connector, different accounts) in Claude and Claude Code on the web (claude.ai/code)
> We were imposed GitHub for so many exercises!
Add support for Visual Studio 2026 Integration
Support for Helm v4
Support lists with wrapping rows (Grid layout)
## Bug or feature request? Feature request <!-- If raising a feature request please be sure to have a search through other open and closed issues tagged with 'new feature' https://github.com/atlassian/react-beautiful-dnd/issues?utf8=%E2%9C%93&q=is%3Aopen%20is%3Aclosed%20is%3Aissue%20 Before raising a new feature please take a look at the core design principles of the library: https://github.com/atlassian/react-beautiful-dnd#driving-philosophy-physicality This is not a general purpose drag and drop library and is attempting to create an experience that is more physical than standard drag and drop interactions on the web. --> <!-- If raising a bug --> ### Expected behavior When I have a Droppable container with horizontal layout and limited width (let's say it fits 3 draggable items) and height (let it be double height of a draggable item), I'd like to have an ability to drag and drop items in 2 rows inside the container when the number of items is more than 3. So the items will fit the actual size of the container without scrolling via flex wrap, like on the picture.  ### Actual behavior When I move "Item4" to the place of "Item3", both "Item2" and "Item5" are being moved. 
Comments (0)
No comments yet. Start the discussion.