bug: IonInput focus delay in mobile (ios) in 5.0.7 compared to 5.0.5 when in IonContent below keyboard

Bug Report

Ionic version:

[x] 5.0.7

Current behavior: The delay on focus for ios keyboard animation of IonInput is significantly longer in 5.0.7 than 5.0.5.

Expected behavior: Smooth transition on selecting inputs in mobile.

Steps to reproduce: Open this app: https://github.com/ionic-team/ionic-react-conference-app/blob/master/package.json Add this code to ScheduleView somewhere in the IonContent. Make sure the input is below where the keyboard would show on mobile so just put it at the bottom of the IonContent.

<IonInput placeholder="test"></IonInput>

Open chrome dev tools and hop into mobile view. Click on the input and watch how long it takes to focus. Should be smooth. Now, upgrade to 5.0.7 for ionic/core and ionic/react. Reload app. Check out how slow the focus is on that input.

[mvberg]

Hi all,

another video similar to @nncl’s that shows the difference in input focus speed between 5.0.5 and then 5.0.7 for iOS.

what I am seeing is that focusing input elements in 5.0.7 is actually much slower for “time to input” than 5.0.5 …

in the second recording below, you can see the time-to-input delay for the second field (Password) is much longer - additionally, when toggling between the fields, you can see the caret is slow to render in the second field as well.

this example is just a simple angular formgroup: https://gist.github.com/mvberg/449d09f8b40fe180b8cf2024818a7427

Good:

Ionic:

   Ionic CLI                     : 5.4.4 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 5.0.5
   @angular-devkit/build-angular : 0.803.25
   @angular-devkit/schematics    : not installed
   @angular/cli                  : 8.3.25
   @ionic/angular-toolkit        : 2.2.0

Capacitor:

   Capacitor CLI   : 1.3.0
   @capacitor/core : 1.3.0

Utility:

   cordova-res : not installed
   native-run  : not installed

System:

   NodeJS : v10.16.3 (/usr/local/bin/node)
   npm    : 6.9.0
   OS     : macOS Catalina

Bad:

Ionic:

   Ionic CLI                     : 5.4.4 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 5.0.7
   @angular-devkit/build-angular : 0.803.25
   @angular-devkit/schematics    : not installed
   @angular/cli                  : 8.3.25
   @ionic/angular-toolkit        : 2.2.0

Capacitor:

   Capacitor CLI   : 1.3.0
   @capacitor/core : 1.3.0

Utility:

   cordova-res : not installed
   native-run  : not installed

System:

   NodeJS : v10.16.3 (/usr/local/bin/node)
   npm    : 6.9.0
   OS     : macOS Catalina

[liamdebeasi]

Thanks for the issue. This has been resolved via https://github.com/ionic-team/ionic/pull/20987 and will be available in an upcoming release of Ionic Framework.