Fab button behind toolbar

Hi folks,

I have the same problem as described in Ion-fab show behind the toolbar · Issue #16780 · ionic-team/ionic-framework · GitHub

Ionic CLI : 6.18.0
Ionic Framework : @ionic/angular 5.8.4
@angular-devkit/build-angular : 0.901.15
@angular/cli : 9.1.13

   <ion-header [translucent]="true">
     <ion-toolbar>
      <ion-buttons slot="start">
         <ion-menu-button color="secondary"></ion-menu-button>
       </ion-buttons>
       <ion-title [routerLink]="'board'">
         <span>Header</span>
       </ion-title>
     </ion-toolbar>
   </ion-header>
 
   <ion-content [fullscreen]="true">
 
     <div id="container" class="container">
       <ion-fab vertical="top" horizontal="end" slot="fixed">
         <ion-fab-button [routerLink]="['/new']">
           <ion-icon color="secondary" name="add"></ion-icon>
         </ion-fab-button>
       </ion-fab>

I also have the same problems with footers. Fab is always behind it. Any ideas?

Can you put this together into a complete demo? I’m not able to replicate this on my end.

thanks a lot for your answer. I’ve created a new project and have the same problem. I attached it as zip file: Dropbox - test-fab-button.zip - Simplify your life