Ion-fab-button frame issue

#1

Hi Everyone.

I’m experiencing an issue while using ion-fab-button and Angular’s [routerLink].

When I press the ion-fab-button on either Phone or browser i get an orange frame around.

image

  <ion-fab vertical="bottom" horizontal="end" slot="fixed">
    <ion-fab-button [routerLink]="['/test']">
      <ion-icon name="add"></ion-icon>
    </ion-fab-button>
  </ion-fab>

I could fix this by using (click) event instead of routerLink for going to another page.

Ionic:

   ionic (Ionic CLI)             : 4.10.2
   Ionic Framework               : @ionic/angular 4.0.1
   @angular-devkit/build-angular : 0.12.4
   @angular-devkit/schematics    : 7.2.4
   @angular/cli                  : 7.2.4
   @ionic/angular-toolkit        : 1.4.0

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 7.1.4
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2ugin-ionic-webview 3.1.2, (and 9 other plugins).1.3, cordova-pl

System:

   NodeJS : v11.9.0
   npm    : 6.5.0
   OS     : Linux 4.15

Perhaps related: Rounded button click issue