search

ionic-team / ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
https://ionicframework.com
MIT License
51.02k stars 13.51k forks source link

bug: Tabs show empty header during activation (Angular) #26280

Closed sean-perkins closed 10 months ago

sean-perkins commented 1 year ago

Prerequisites

Ionic Framework Version

Current Behavior

When a tab is activated for the first time, the header will briefly display. This does not occur when navigating between tabs a second time.

This issue is only present in Angular. Observed back to 6.1.9 (when we supported Angular 14). Would need to downgrade an app to v13 to validate earlier versions.

Direct video link: https://user-images.githubusercontent.com/13732623/201712309-e0e85ccc-9f76-4ff0-ac6a-ef33a0793cc9.mp4

Expected Behavior

The header should not be visible when activating a tab, if a tab does not have contents within the header.

Steps to Reproduce

  1. Clone tabs starter for Angular
  2. Click between the tabs
  3. Observe: Header briefly appears
  4. Click between the tabs
  5. Observe: Header does not appear (expected)

Code Reproduction URL

No response

Ionic Info

Ionic:

   Ionic CLI                     : 6.18.0 (/usr/local/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 6.3.6
   @angular-devkit/build-angular : 14.2.9
   @angular-devkit/schematics    : 14.2.9
   @angular/cli                  : 14.2.9
   @ionic/angular-toolkit        : 6.1.0

Additional Information

No response

isaiasas commented 1 year ago

This is still happening on version 7.1.1. Any updates?

liamdebeasi commented 10 months ago

Hi everyone,

This issue was resolved in Ionic 7.5.5: https://github.com/ionic-team/ionic-framework/pull/28472. If you are still running into this problem please create a new issue and include a reproduction.

ionitron-bot[bot] commented 9 months ago

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.