reppners / ngx-drag-drop

Angular directives using the native HTML Drag And Drop API
https://reppners.github.io/ngx-drag-drop/
BSD 3-Clause "New" or "Revised" License
299 stars 117 forks source link

Mixed orientation support #148

Closed lavaloop-official closed 10 months ago

lavaloop-official commented 10 months ago

Is it possible to have draggable items in a horizontal orientation and wrap them to the next line if there are too many items? With the code from the example: https://reppners.github.io/ngx-drag-drop under nested the items overflow.

lavaloop-official commented 10 months ago

Okay, I already found a solution. [dnddropzone] { background: #fafafa; min-height: 60px; display: flex; flex-wrap: wrap; outline: 2px solid rgba(0, 0, 0, 0.04); } The flex-wrap: wrap; has to be added.

The remaining code can be found here: https://github.com/reppners/ngx-drag-drop/tree/master/projects/demo/src/app/nested