Click on Ion-avatar inside ion-item doesnt work

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

You can check the image here:

How can i achieve that ?