Ион-лист не прокручивается и элементы не кликабельны

Question

Ион-лист не прокручивается, и элементы не кликабельны, хотя элемент активен в другом списке Если вы хотите помочь мне, вот HTML-код и код на github https://github.com/IslamAssem/sidalitac

<ion-content class="page-products"  (ionScroll)="onScroll($event)">

  <ion-list  class="list-view" *ngIf="productView=='list'">
    <span *ngFor="let p of products">
      <product [data]="p" [type]="'list'"></product>
    </span>
  </ion-list>


<ion-grid *ngIf="productView=='grid'">
  <ion-col *ngFor="let p of products" col-6>
    <product [data]="p" [type]="'normal'"></product>
  </ion-col>

  <ion-col *ngIf="products.length==0 && !httpRunning" col-12 class="animated fadeIn">
    <h6 text-center>{{'No Products Found!'|translate}}</h6>
  </ion-col>
</ion-grid>

<ion-infinite-scroll #infinite (ionInfinite)="getProducts($event)">
  <ion-infinite-scroll-content></ion-infinite-scroll-content>
</ion-infinite-scroll>