iOS Navigation Animations Inconsistent

Bug Report

Ionic Info
Run ionic info from a terminal/cmd prompt and paste the output below.

~/Projects/Issues/ionic-playground (master): ionic info
✔ Gathering environment info - done!


   ionic (Ionic CLI)          : 4.1.1 (/usr/local/lib/node_modules/ionic)
   Ionic Framework            : @ionic/angular 4.0.0-beta.7
   @angular-devkit/core       : 0.7.4
   @angular-devkit/schematics : 0.7.4
   @angular/cli               : 6.1.4
   @ionic/ng-toolkit          : 1.0.6
   @ionic/schematics-angular  : 1.0.5


   NodeJS : v9.8.0 (/usr/local/Cellar/node/9.8.0/bin/node)
   npm    : 6.4.0
   OS     : macOS High Sierra

Describe the Bug
Navigation animations do not work in iOS, but do work for MD.

Steps to Reproduce

  1. clone and build the sample app
  2. run in chrome, open dev tools, toggle open the device toolbar
  3. choose an Android device and refresh
  4. click on “Child Page” link and note that MD nav works fine
  5. click on “go home” link
  6. choose iOS device and refresh
  7. repeat nav from above and note that there is no animation, tough the “go home” click seems to delay for it…

NOTE: if you refresh while on second page, everything works fine.

Related Code

Expected Behavior
Animation works in iOS.

Additional Context
NOTE: just defines an outlet. Refactoring this a bit as such alleviates the issue:

However, that is also a fundamental change to how the OP has architected their app. Still getting info on use case from the community member.

Author: Fantashit

1 thought on “iOS Navigation Animations Inconsistent

  1. Upgraded my sample application to use Ionic v4 GA release and this can verify that this is still an issue in the released version.

Comments are closed.