cant scroll while dragging

[fahmiirsyadk]

cant scroll while dragging block

[BrockReece]

Ah, thanks for this, I will look into it. I used a library called Dragula for my drag and drop interface, this may a limitation of their library.

[phsgoes]

Did anyone find a solution to this scrolling issue?

[BrockReece]

Sorry I meant to respond to this a while ago. Looks like an issue on Dragula that has dragged on for ages, and on top of that looks like Dragula is no longer under active dev. https://github.com/bevacqua/dragula/pull/449

[BrockReece]

There seems to be suggestions of using something like https://www.npmjs.com/package/dom-autoscroller

Not sure if that helps you?

[phsgoes]

There seems to be suggestions of using something like https://www.npmjs.com/package/dom-autoscroller

Not sure if that helps you?

Actually, dom-autoscroller only works on elements with direct children. That's not the case of vue-kanban. I'm trying to find a solution.

[phsgoes]

Is there any way to detect when an elements is being dragged? This way I can calculate the offset width to scroll the container

[impronta48]

I've used a fixed height of my columns and a overlay-y:scroll, so to avoid scrolling+dragging (this is similar to what trello does).

  .drag-inner-list {
    min-height: 50px;
    color: #292929;
    height: 50vh ;
    overflow-y: scroll;
    /*position of scroll bar can use rtl if wanted, but use div * {direction: ltr;} if you do.} */
    scrollbar-width: auto;/*fancy width*/
    scrollbar-color: #039ACB #C5E3ED;
    :-webkit-scrollbar {
      width: 18px;
    }
  }