bug: ion-infinite-scroll can't be re-enabled after updating to Ionic 7 about ionic-framework HOT 2 CLOSED

Hi, I was having the same issue with ion infinite scroll, but after a lot of hours trying to find a solution. I found that using this.infiniteScroll.complete().then(resp=>{
this.infiniteScroll.disabled=true
}) works.

this is mi code, I was working with observables.

async onIonInfinite(event?:any){

this.usuarioService.getTareasByBusqueda(this.termino).subscribe({

  next:(tareas) => {
   

    this.loading=false

    if(tareas?.length===0){
     
      this.infiniteScroll.complete().then(()=>{
         this.infiniteScroll.disabled=true
      })

      return;
    }

    this.usuarioService.miListaDeTareasPorBusqueda.push(...tareas)
    this.usuarioService.miListaDeTareasPorBusquedaBS.next(this.usuarioService.miListaDeTareasPorBusqueda)

    this.infiniteScroll.complete().then(() => {
      this.infiniteScroll.disabled=false
    });

  },
  error:(error:any)=>{
    console.log(error);
    
  }

});

}

Hope this help others!

from ionic-framework.

Thank you for the issue! The complete() method on Infinite Scroll is async, so what is happening is disabled is being set before the complete method is finished. I have updated your provided example to reflect this and see it working now: https://stackblitz.com/edit/angular-wqu2xl-dpbszj?file=src%2Fapp%2Fexample.component.ts

I noticed that our documentation does not include an await, so I have made an internal ticket to get our documentation updated. Let me know if you have any questions!

from ionic-framework.