question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

iOS Navigation Animations Inconsistent

See original GitHub issue

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 (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

System:

   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 https://github.com/plampy/ionic-playground

Expected Behavior Animation works in iOS.

Additional Context NOTE: second.page 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.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:2
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

4reactions
kensodemanncommented, Jan 28, 2019

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

0reactions
ionitron-bot[bot]commented, Jan 14, 2021

Thanks for the issue! This issue is being closed due to inactivity. 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!

Read more comments on GitHub >

github_iconTop Results From Across the Web

SwiftUI Form animation results in inconsistent view state
The first image is after a double click and does not reflect the view's state. More specifically the first section is out of...
Read more >
Wrong navigation bar layout for second modal controller
Hi! There is a bug in iOS 13 that cause the navigation bar of the second controller presented modally to have a wrong...
Read more >
The most frustrating thing about iOS, coming from Android ...
Inconsistent back navigation. ... How back function works on iOS is perfectly logical, if you observe where animation came from then you can ......
Read more >
[iOS] showModal custom animation Platform inconsistency
Issue Description showModal animations options differ on iOS and Android. ... #5036 Steps to Reproduce / Code Snippets / Screenshots Navigation.
Read more >
Navigation Architecture Within Large Mobile Apps
Inconsistent navigation can be as visible as the app using popups, toasts, full-screen modals or pages/screens in an inconsistent way. It can mean...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found