Scroll delay on iPad


#1

I’m seeing a delay of around half a second when starting a scroll on an iPad. When trying the same scroll gesture on iPhone and Android, the scroll starts immediately and is very smooth.

<ion-header>
    ...
</ion-header>
<ion-content class="has-header">
  <div class="blah-picker">
    <div class="results">
      <ion-grid>  
        <ion-row>  
          <ion-col col-12 col-md-6 *ngFor="let blahItem of blahList">
        
            <div>
              <ion-item class="item item-block item-ios" tappable (click)="selected(blahItem)">  
               ...
              </ion-item>
            </div>

          </ion-col>
        </ion-row>
      </ion-grid>
   </div>
  </div>
</ion-content>

I’m using Ionic 3.4.0 and Cordova 7.0.1:

$ ionic info

global packages:

    @ionic/cli-utils : 1.4.0
    Cordova CLI      : 7.0.1 
    Ionic CLI        : 3.4.0

local packages:

    @ionic/app-scripts              : 1.3.7
    @ionic/cli-plugin-cordova       : 1.4.0
    @ionic/cli-plugin-ionic-angular : 1.3.1
    Cordova Platforms               : android 6.2.3 ios 4.4.0
    Ionic Framework                 : ionic-angular 3.4.0

System:

    Node       : v6.10.0
    OS         : OS X El Capitan
    Xcode      : Xcode 8.2.1 Build version 8C1002 
    ios-deploy : 1.9.1 
    ios-sim    : 5.0.13 
    npm        : 3.10.10

#2

is not really very specific. Please provide more information like exact model, year, OS version etc.


#3

The problem appears on 2 iPads:

  • iPad Mini late 2012 model A1432, OS 9.3.5 (Model MD528C/A)
  • iPad 2 2011 model A1395, OS 9.3.5 (Model MC769C/A)

#4

We have the same issue with the mentioned iPad. Looks like the pointer events are very slow.


#5

I’ve checked the profiling via safari and it takes so long to detect touch start.


#6

I’m facing same issue…
In below device

  • iPad 2 2011 model MD328LL/A, OS 9.3.5.

Please help me.


#7

If you have large list of records try using Infinite Scroll or Virtual Scroll.