New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[v4] iOS page transitions don't work properly with multiple ion-toolbars #16262

sbannigan opened this Issue Nov 7, 2018 · 0 comments


None yet
1 participant

sbannigan commented Nov 7, 2018

Bug Report

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


   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


   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.

2018-11-07 16 57 55

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

@ionitron-bot ionitron-bot bot added the triage label Nov 7, 2018

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment