marceljuenemann / angular-drag-and-drop-lists

Angular directives for sorting nested lists using the HTML5 Drag & Drop API
MIT License
2.16k stars 713 forks source link

Container width customisable #471

Open vishagar81 opened 6 years ago

vishagar81 commented 6 years ago

Hello, First of all, thanks for creating such a wonderful library. I am referring to the 'nested' demo example. I believe that example can have container width either 50% or 100%. Is there a straight forward way of controlling the width of the child container?

Thanks, Vishal

vishagar81 commented 6 years ago

I am able to resize the container-element with following css, resize:both; overflow:auto;

However, if I make the container-element less than 50% then although there is space next to it, I am unable to drag-drop another container. This requirement is fairly standard to have resizable container / item columns, where the width of each cannot extend the parent width and increments in steps of 1 column wide. Pretty much something like a Bootstrap grid.

Any help, would be deeply appreciated !