# Drag and Drop past the viewable screen - Dragula vs Reorder

**URL:** <https://forum.ionicframework.com/t/drag-and-drop-past-the-viewable-screen-dragula-vs-reorder/60468>\
**Category:** ionic-v3\
**Created:** [August 13, 2016, 5:24pm UTC](https://forum.ionicframework.com/t/drag-and-drop-past-the-viewable-screen-dragula-vs-reorder/60468 "2016-08-13T17:24:12Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![audan2009](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/audan2009/32/100986_2.png) [@audan2009](https://forum.ionicframework.com/u/audan2009)\
**Post date:** [August 13, 2016, 5:24pm UTC](https://forum.ionicframework.com/t/drag-and-drop-past-the-viewable-screen-dragula-vs-reorder/60468/1 "2016-08-13T17:24:12Z")

</div>

Hello,

I’m using ng2 Dragula to reorder nested lists. The built in ion reorder doesn’t let you do that from what I could tell.

The built in reorder automatically scrolls the screen when you drag below what is shown.

Dragula does not do that but it lets me accomplish part of my goal.

I’m need to do this last example on this Dragula Demo:

[Dragula Demo ng2](http://valor-software.com/ng2-dragula/index.html)

Any ideas on how I could get the screen to scroll while I’m dragging?

Thanks!

---

<div class="post-metadata">

**Author:** ![ryanlogsdon](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/ryanlogsdon/32/103208_2.png) [@ryanlogsdon](https://forum.ionicframework.com/u/ryanlogsdon)\
**Post date:** [September 1, 2016, 11:32pm UTC](https://forum.ionicframework.com/t/drag-and-drop-past-the-viewable-screen-dragula-vs-reorder/60468/2 "2016-09-01T23:32:42Z")

</div>

It sounds like InteractJS would help you. It has an autoscroll feature. I’m trying to figure out how to add it to my Ionic2 app.

so far:

```
typings install interact --global --save

```

and in your \*.ts file:

```
import * as interact from 'interact.js'

```

But I’m erroring out after that.

---

<div class="post-metadata">

**Author:** ![audan2009](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/audan2009/32/100986_2.png) [@audan2009](https://forum.ionicframework.com/u/audan2009)\
**Post date:** [September 24, 2016, 4:15pm UTC](https://forum.ionicframework.com/t/drag-and-drop-past-the-viewable-screen-dragula-vs-reorder/60468/3 "2016-09-24T16:15:22Z")

</div>

I ended up looking at the source code of the built in ionic reorder feature and modifying it to work for me as a custom provider.

---

<div class="post-metadata">

**Author:** ![tonyluo](https://avatars.discourse-cdn.com/v4/letter/t/d26b3c/32.png) [@tonyluo](https://forum.ionicframework.com/u/tonyluo)\
**Post date:** [August 31, 2017, 3:25pm UTC](https://forum.ionicframework.com/t/drag-and-drop-past-the-viewable-screen-dragula-vs-reorder/60468/4 "2017-08-31T15:25:34Z")

</div>

hi @audan2009 could you share your solution? thanks