Ionic-framework: [v4] iOS page transitions don't work properly with multiple ion-toolbars

[sbannigan]

Bug Report

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

Ionic:

   ionic (Ionic CLI)          : 4.1.1
   Ionic Framework            : @ionic/angular 4.0.0-beta.15
   @angular-devkit/core       : 0.7.5
   @angular-devkit/schematics : 0.7.2
   @angular/cli               : 6.1.2
   @ionic/ng-toolkit          : not installed
   @ionic/schematics-angular  : not installed

System:

   NodeJS : v8.11.2
   npm    : 6.4.1
   OS     : macOS

Describe the Bug
When using multiple toolbars, the page change animation on iOS doesn't work as expected. Attached a gif of this bug, with the animation slowed down. The bottom toolbar just appears during the enter animation and then overlaps the previous screen and then disappears during the leave animation.

Steps to Reproduce
Steps to reproduce the behavior:

1. Navigate from a page with only 1 toolbar to a page with more than 1.
2. Navigate back to the page with 1 toolbar.

Expected Behavior
All ion-toolbars inside ion-header should animate smoothly forward and backward including any type of component inside the toolbar like the ion-segment

[kitolog]

I have the similar behaviour. My case is show / hide header on different pages.

[elmartino]

+1

[zakton5]

+1

[marjan-wehelpen]

bug is still there on 4.0.0-rc.0

[kianliang-iium]

+1

[jayordway]

+1, bug is still there on 4.0.0-rc.3

[zakton5]

I put in a PR for this so hopefully it gets merged in soon.

[liamdebeasi]

Hi everyone,

This issue has been resolved via #17224 and will be in the next release of Ionic. We pushed a nightly build of Ionic with this fixed (npm i @ionic/core@dev @ionic/angular@dev). Any feedback on these changes would be greatly appreciated!

Thanks!

[liamdebeasi]

Hi everyone,

A fix for this has been shipped with the release of Ionic 4.1.2. You can get the latest by running npm i @ionic/core@latest @ionic/angular@latest.

If you encounter any new issues, feel free to open a new issue.

Thanks!

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. 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.