Ion-fab-button ionBlur and ionFocus don't work properly

Ionic Framework
1

When I add these methods to ion-fab-button

<ion-fab-button (ionBlur)="fadeBackgroundToNormal()" (ionFocus)="fadeBackgroundToBlack()">
  <ion-icon name="add"></ion-icon>
</ion-fab-button>

They are not fired at the right moment. The first time I click the button nothing happens. The second time I click the button (when it closes) it triggers ionFocus. Then it keeps working in that order until I click the background. Then it just stops working all together. (I tested this with console.log).

2

same for ion-textarea, these methods are not working.

Anyone please help us.

3

@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.