gilnd / vue3-smooth-dnd

Vue3 wrapper components for smooth-dnd
https://gilnd.github.io/vue3-smooth-dnd/
MIT License
192 stars 18 forks source link

View not scrolling when dragged card near edges #3

Open wousser opened 2 years ago

wousser commented 2 years ago

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

gilnd commented 2 years ago

@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!

shizhihuaxu commented 1 year ago

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