atlassian / react-beautiful-dnd

Beautiful and accessible drag and drop for lists with React

Home Page:https://react-beautiful-dnd.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

horizontal dnd with float elements.

4rmr3d1 opened this issue · comments

Expected behavior

Want to be able to swap containers on the second row as on the first one.

Actual behavior

Whole columns are moving, instead of just separate elements

Steps to reproduce

Check the codesandbox lower, please

Suggested solution?

I don't understand the behavior correctly, so I just thought that, if all elements are float, it should be in one line, so it doesn't matter that they are displaying in two rows.

Can you please tell me if this can be expected behavior to be reproduced in your library?

What version of React are you using?

18.2.0

What version of react-beautiful-dnd are you running?

13.1.1

What browser are you using?

Chrome

Demo

https://codesandbox.io/s/flamboyant-lichterman-t8dqf9?file=/src/styles.module.css