Click on Ion-avatar inside ion-item doesnt work

Ionic Framework ionic-v3
1

Hello Everyone .

I’m trying to openModal when user click on ion-avatar but it doesnt work on devices , it only works on PWA.

This is my code :

<ion-item>
 <ion-avatar item-start (click)="openSearchCountryModal();$event.stopPropagation()" tappable>
 <img *ngIf="country.flag" src="{{country.flag}}">
</ion-avatar>
<ion-label floating>Phone</ion-label>
<ion-input type="number" formControlName="phone" placeholder="phone"></ion-input>
</ion-item>

You can check the image here:

How can i achieve that ?