question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can not drag and drop on scroll ?

See original GitHub issue

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

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:4
  • Comments:11

github_iconTop GitHub Comments

4reactions
TaharaKazukicommented, May 28, 2021

@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

:force-fallback="true"
:scroll-sensitivity="200"
2reactions
vparykcommented, Jan 21, 2020

“<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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found