FAB button not showing properly on iPhone


#1

Hi, I am trying to add a FAB button to a view, but it does not show as I expect it, when running on my phone.

I think my markup is correct.

Thank you, to anyone who might be able to advise.

My Code:
<ion-content>
<ion-list>

</ion-list>
<button fab fab-bottom fab-right fab-fixed primary* ngIf= “register.addFields”(click) = “openAdd()” >
<ion-icon name=“add” ></ion-icon>
</button>
</ion-content>

Chrome Screenshot:

iPhone screenshot:


#2

Dont need to have fab-fixed, also, put the button outside of the ion-content


#3

Hi.
I tried taking it out of the content. before the list loads, the button is visible. Once the list is loaded, the button disappears.
I am guessing that it is getting pushed out.


#4

I have the same issue with fab button. It works fine for android, i was thinking to remove fab from ios since fab is on material design.


#5

I ended up putting a plus on the Nav bar, and I think it looks alright.

Setting it to use the Fab on Android only is actually not a bad idea.

Thank you.