bug: iOS NavController animates too much slide

[wcooperscott]

Bug Report

Ionic version: [ ] 4.x [x] 5.x

Current behavior: Navigating forward on iOS shows an animation that slides too far.

Expected behavior: Navigation animation performs similar to native iOS navigation.

Steps to reproduce: Navigate to new page using navController's navigateForward method.

This is the code that invokes the forward navigation.

openMessage(message) {
    if (!message.group) {
      this.navCtrl.navigateForward('chat/view-message/1');
    } else {
      this.navCtrl.navigateForward('chat/view-group/3');
    }
  }

Here is a gif of the issue:

Ionic info:

Ionic:

   Ionic CLI                     : 6.11.0 (/usr/local/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.6.0
   @angular-devkit/build-angular : 0.1101.4
   @angular-devkit/schematics    : 11.1.4
   @angular/cli                  : 11.1.4
   @ionic/angular-toolkit        : 3.1.0

Capacitor:

   Capacitor CLI   : 2.4.7
   @capacitor/core : 2.4.7

Cordova:

   Cordova CLI       : 10.0.0
   Cordova Platforms : none
   Cordova Plugins   : no whitelisted plugins (1 plugins total)

Utility:

   cordova-res : 0.15.3
   native-run  : not installed

System:

   NodeJS : v12.18.3 (/usr/local/bin/node)
   npm    : 6.14.6
   OS     : macOS Catalina
   Xcode  : Xcode 12.4 Build version 12D4e

[ionitron-bot[bot]]

Thanks for the issue! This issue has been labeled as needs reproduction. This label is added to issues that need a code reproduction.

Please reproduce this issue in an Ionic starter application and provide a way for us to access it (GitHub repo, StackBlitz, etc). Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.

If you have already provided a code snippet and are seeing this message, it is likely that the code snippet was not enough for our team to reproduce the issue.

For a guide on how to create a good reproduction, see our Contributing Guide.

[liamdebeasi]

Thanks for the issue! This issue is being closed due to the lack of a code reproduction. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Thank you for using Ionic!