Can not drag and drop on scroll ?
See original GitHub issueHello, 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
Issue Analytics
- State:
- Created 4 years ago
- Reactions:4
- Comments:11
Top Results From Across the Web
Page does not scroll up when dragging an element to top with ...
I find no issue with scrolling when dragging an element from the top to the bottom of the page, however, if the element...
Read more >Cannot scroll up or down while performing drag and drop in ...
When dragging and dropping elements in the editor, in Chrome 66, you cannot drag the item beyond the current scroll position. If the...
Read more >Dragging and dropping the scroll bar does not update the view
Drop the srcollbar anywhere and notice that it will instantly move back to its original position and that the view is still not...
Read more >Drag and Drop + Scroll - OutSystems
Hi all. I'm developing and application where I have two lists with droppable areas and a side menu with draggable items. When I...
Read more >Drag to scroll - HTML DOM
User often uses the mouse to scroll in a scrollable container. In addition to that, some applications also allow user to scroll by...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@begueradj
As described in this article, if you pass the following value to option, auto-scroll upwards will also be active.
https://stackoverflow.com/questions/58505505/how-to-use-autoscroll-feature-vue-draggable
“<draggable forceFallback: true” helped to me. It is turn off browser’s default scroll. Sortable smart auto-scrolling works better. Chrome and Firefox scrolled me only down on dragging, but now it scroll on both sides, and it is smoother.