Ionic iOS scrolling stuck or locked or frozen or generally screwed on page with multiple inputs
Posted on Wed, 8 May 2019, 21:58

Ionic 2+ iOS page with multiple input having scroll issues? Locked? Frozen? Generally screwed?

Problem

I have a page in an app with multiple input fields that on iOS sometimes locks scrolling, freezes after using a popover input, or an alert. I've narrowed this down to a bug in the way Ionic framework calls the iOS event "handleStopScroll" in iOS 12.2 AND the keyboard plugin installed by default when you add platform iOS/Android to a project.

Related thread here: Ionic scrolling issue github Here's what fixed it for me.

and here: Ionic keyboard issue github

Solution

  1. Run in the terminal: ionic cordova plugin rm ionic-plugin-keyboard

  2. Run in the terminal: ionic cordova plugin add cordova-plugin-ionic-keyboard

  3. Add to variables.scss file:

    ion-app.platform-ios12 ion-content { 
  pointer-events: auto; /*fix scroll lock on ios12.2*/ 
}

Now when you use the page, you should find that it doesn't lock up any more.

D

Comments: