FAB z-index Not Working

Ionic Framework ionic-v3
1

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:

image

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

image

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!

Thanks

1 Like
2

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

3

did you find a solution for this?