Ionic-framework: bug: ion-header ios 11 style only working on first tab

[GeorgeBark]

Bug Report

Ionic version:


[x] 4.11.0

Current behavior:

The "condense" header is only working on the first loaded tab.

Expected behavior:
The header should be hidden in all tabs.

Related code:
Example in StackBlitz

Ionic info:

Ionic:

   Ionic CLI                     : 5.4.1 
   Ionic Framework               : @ionic/angular 4.11.0
   @angular-devkit/build-angular : 0.801.3
   @angular-devkit/schematics    : 8.1.3
   @angular/cli                  : 8.1.3
   @ionic/angular-toolkit        : 2.0.0


System:

   ios-deploy : 1.9.4
   ios-sim    : 6.1.3
   NodeJS     : v10.15.3 
   npm        : 6.11.3
   OS         : macOS Mojave
   Xcode      : Xcode 11.0 Build version 11A420a

[liamdebeasi]

Glad to see someone trying the new iOS 11 style header 🙂. Looks like it was selecting the wrong ion-content when in use on tabs that were not tab 1. I'll work on a fix for this.

[liamdebeasi]

Can you try this dev build and see if it fixes the issue for you?

npm i @ionic/[email protected]

[GeorgeBark]

Can you try this dev build and see if it fixes the issue for you?

npm i @ionic/[email protected]

Now it fails from the beginning:

New Stackblitz

Did I miss anything?

[liamdebeasi]

Nope, I think I just gave you a bad build. Try this one:

npm i @ionic/[email protected]

[rdlabo]

Good! This work well in my production environment!!

[GeorgeBark]

Nope, I think I just gave you a bad build. Try this one:

npm i @ionic/[email protected]

Now it works but somehow the fading animation is "flashing" the first time you enter a tab (I guess because after that it is on the stack so it is not initialised again), it is just a flash but doesn't look very nice...

Link to Stackblitz

[liamdebeasi]

Yeah that one is a known issue. I'm currently working on that separately 👍. Glad it's working now in your tabbed application.

[liamdebeasi]

Thanks for the issue. This issue has been fixed and will be available in an upcoming release of Ionic Framework.

[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.