Ionic 5: горизонтальная прокрутка с бесконечной прокруткой не работает

Question

В ионном 5, угловом и конденсаторном я хочу прокручивать по горизонтали с бесконечной прокруткой, которая вызывает функцию loadMore, а loadMore вызывается только один раз.

Это мой HTML-код:

      <ion-row class="PostContent">

            <ion-content class="fileRow" *ngIf="listCmtFichiers.length !== 0" scrollX="true" scrollY="false">
                <ion-list class="horizontal-list">
                  <app-fichier *ngFor="let cmtFichier of listCmtFichiers; let i = index"
                    [indexOfFichier]="i" [comment]="cmtFichier" [image]="cmtFichier.image" [filedoc]="cmtFichier.fileDoc" [downloaded]="cmtFichier.downloaded" [inPost]="true">
                  </app-fichier>

                  <ion-infinite-scroll (ionInfinite)="loadMore($event)">
                    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading more data..."></ion-infinite-scroll-content>
                  </ion-infinite-scroll>
                </ion-list>
              
              </ion-content>
        </ion-row>

.

Это мой CSS-код:

        .PostContent {
    margin-left: 50px;
    margin-right: 10px;
  }
  
  .fileRow {
    height: 90px;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  
  .horizontal-list {
    display: flex;
    flex-wrap: nowrap;
  }

и это мой код TypeScript

        loadMore(event){
  
    if(isDevMode())
        console.log(' Load more before  X ' + this.X);
   this.X++;
    if(isDevMode())
        console.log('Load more after X ' + this.X);
        ((async () => {
          
          this.listCmtFichiers.push(... await this.commentManager.getArrayCommentsFiles(this.X,this.post.id));

          event.target.complete();
       
        })()).catch(
          err => console.log("error ngOnInit Post component wall async "+JSON.stringify(err))
        );

 }