FAB z-index Not Working

Hi users,

I have two FAB buttons on my app and they worked fine until I updated my app to the latest version of ionic.
I don’t want to roll back so looking for a solution to fix forward

Here is my FAB working:


This is my FAB now and as you can see the header overlaps the FAB button:


The ion-header has a z-index of 10 whereas the FAB has a z-index of 999 so it should be appear on top of the stack.

Can anyone assist in resolving this as I’ve tried everything in CSS I can think of.
Pretty frustrating!


1 Like

I am having the same problem in Ionic v4. Love to find a solution.