@kapadia552 Hello, I just want to share with you that I simply solved this problem by using the (click) method instead like this:
<ion-fab-button (click)="toggle()">
<ion-icon name="add"></ion-icon>
</ion-fab-button>
And in the typescript file I just did this:
toggle() {
this.fabState = !this.fabState;
}
That way I am now toggling the background fade using animations.