vue-smooth-dnd icon indicating copy to clipboard operation
vue-smooth-dnd copied to clipboard

Horizontal sortable doesn't works with flexbox and CSS grid

Open Rolanddoda opened this issue 4 years ago • 2 comments

On this example (in docs)

I see that the elements are rendered with display: table.

However if you change that to display: flex and you try to drag an item to the end of the scroll an weird behavior turns out and as a result you cannot drag an item to the end of the scroll.

Find in the browser inspector the wrapper element (smooth-dnd-container horizontal) and change the display: table to display: flex in order to reproduce.

Rolanddoda avatar Oct 10 '19 11:10 Rolanddoda

Is that repo still active ?

Rolanddoda avatar Oct 30 '19 14:10 Rolanddoda

Same issue here ☹️

hassan-jahan avatar Nov 10 '19 03:11 hassan-jahan