iosangularcordovaionic4hybrid-mobile-app

Why is ion-item click not working in ionic4 for ios?


ion-item clickable event not working in ios but its working fine in android. I have searched lot of in google but find any suitable answer.

  <ion-content >
   <div>       
    <ion-searchbar (ionInput)="getItems($event)"></ion-searchbar>
    <ion-list  lines="full" >
      <ion-item class="bg-class" *ngFor="let project of filterData" (click)="onProjectClick(project.npProjCode);">
       <ion-icon name="arrow-dropright-circle" style="width: 14px;margin-right: 10px;color: #129bcc;"></ion-icon>
       <ion-label>{{project.npProjDescn}}</ion-label> 
       <ion-icon name="ios-arrow-forward" slot="end" style="color: lightgray;"></ion-icon>
      </ion-item>
    </ion-list>
   </div>
 </ion-content>

Solution

  • Got solution, Its work in ios & android

    <ion-item button class="bg-class" *ngFor="let project of filterData" (click)="onProjectClick(project.npProjCode);">
    

    -

    ion-item[button] {
          pointer-events: initial !important;
      }