Vue.draggable: Auto Scroll not playing with vuetify

Created on 15 Nov 2019  路  5Comments  路  Source: SortableJS/Vue.Draggable

So, I'm trying to use this with a v-expansion-panel component in vuetify.

It generally works but the auto-scroll feature does not appear to be functioning...

Jsfiddle link

https://jsfiddle.net/SublymeRick/05ghLaw3/16/

Step by step scenario

Just try to drag and drop and notice the window does not scroll when you move off the window.

Actual Solution

Not really a solution... but I guess you mean what actually happens? It does not scroll.

Expected Solution

It scrolls....

Most helpful comment

I was able to solve this by adding:

<draggable :scroll-sensitivity="200" :force-fallback="true">

see https://stackoverflow.com/questions/58505505/how-to-use-autoscroll-feature-vue-draggable

All 5 comments

Do i have coodies?

I'm having the same issue. Seems to be an issue with vuedraggable not playing nicely with <v-footer> and <v-app-bar>. If we remove those, the auto-scroll works.

Yeah, I've kinda just moved on a hoping to circle back around to it once there has been a fix. I suppose eventually I'll try to figure out a work around when I dont have bigger fish to fry... In the mean time, do let me know here if you figure out how to work around it.

I was able to solve this by adding:

<draggable :scroll-sensitivity="200" :force-fallback="true">

see https://stackoverflow.com/questions/58505505/how-to-use-autoscroll-feature-vue-draggable

I was able to solve this by adding:

<draggable :scroll-sensitivity="200" :force-fallback="true">

see https://stackoverflow.com/questions/58505505/how-to-use-autoscroll-feature-vue-draggable

MY MOTHER #$^$#$&*#ING MAN!!!!!!!!! It works!!!!

Was this page helpful?
0 / 5 - 0 ratings