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

View not scrolling when dragged card near edges

Open wousser opened this issue 4 years ago • 2 comments

See video using demo in Chrome.

Dragged card near edges doesn't scroll the view horizontally. Occurs when browser is not full-width, or when div is not full width.

Scrolling works on column headers.

https://user-images.githubusercontent.com/1159336/154529276-0a2db5b5-c62e-433a-abdb-a32ec717f210.mov

wousser avatar Feb 17 '22 16:02 wousser

@wousser Thanks for the feedback.

This probably happens becouse you are dragging over a Container which is where the card is supposed to be dropped. That's how the smooth-dnd core works.

This is a smooth-dnd core issue, imho!

g1lg1l avatar Feb 18 '22 16:02 g1lg1l

You could try using the layout of this page, it worked for me, my guess is that you need to add the overflow: auto attribute to the outer container。vue-smooth-dnd

shizhihuaxu avatar Dec 12 '22 02:12 shizhihuaxu