Reordering list item out of visible area does not work

[ionitron-bot[bot]]

Original issue by @ggravand on 2017-11-03T22:36:42Z

Ionic version: (check one with "x") (For Ionic 1.x issues, please use https://github.com/ionic-team/ionic-v1) [ ] 2.x [X] 3.x [ ] 4.x

I'm submitting a ... (check one with "x") [X] bug report [ ] feature request

Please do not submit support requests or "How to" questions here. Instead, please use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/

Current behavior: In an ion-list with reorder="true" I have enough elements that the list must be scrolled to see all elements. I drag an element in the list below the bottom-most visible element. The element jumps back to the starting position.

Expected behavior:

I would expect the list to scroll and allow me to drag the element below the bottom most visible element, ie into the currently invisible area that should be scrolled into view while dragging. And vice versa for the topmost element.

Steps to reproduce:

Add enough elements to a list and drag an element below the lowest visible element (or above the topmost visible element if scrolled down):

<ion-list reorder="true">
  <ion-item *ngFor="let item of items">{{ item }}</ion-item>
</ion-list>

Tested on iOS.

Related code:

insert short code snippets here

Other information:

Ionic info: (run ionic info from a terminal/cmd prompt and paste output below):

cli packages: (/usr/local/lib/node_modules)

    @ionic/cli-utils  : 1.13.1
    ionic (Ionic CLI) : 3.13.2

global packages:

    cordova (Cordova CLI) : 7.0.1 

local packages:

    @ionic/app-scripts : 3.0.1
    Cordova Platforms  : browser 4.1.0 ios 4.4.0
    Ionic Framework    : ionic-angular 3.8.0```

[Sahil624]

Any solutions ?