Vue.draggable: Can not drag and drop on scroll ?

[begueradj]

Hello,
I am not if this is a question or an issue.
I am using this as a plugin in my Nuxt.js application. Everything is working perfectly, except when I have a long list of items like this:

- item 1
- item 2
.
.
.
- item n

If I want to drag item 1 and drop it to item n's position, I have to scroll down, obviously. However this is impossible to do. Am I missing something or is this a feature not available in the current version ?

Thank you for the feedback,
Billal BEGUERADJ

[vparyk]

"

[begueradj]

I tested it, it does not have an effect. Could you please say where you found that forceFallback prop ? I can not find it in the source code of this component. @vparyk

[vparyk]

It is a SortableJs option, that you can also use in Vue Draggable: https://github.com/SortableJS/Sortable

[begueradj]

Ok thank you.
For me it does not have any effect. When I have a long list where the last element does not appear on the screen, dragging the top element down is not possible because there is not auto-scroll (which I am looking for)

[Sheens1983]

I would force the browser to scroll to the bottom of the list once the new item has been added. I think this more of a user preference of how you would like the user to view the new item

[ligne13]

Hi, I have the same issue. The Sortable auto-scroll overflow:hidden demo does not work for me: https://jsbin.com/xecihez/edit?html,js,output. Does it for you ?

I have raised an issue in the Sortable.js repo: https://github.com/SortableJS/Sortable/issues/1734

[xt2018]

请看这个问题#746 Look at this question ### #746