Ion-infinite-scroll working but it doesn't show anything

Ionic Framework
1

Hello dears

I’m using ionic 6 with angular 13

i have this code

      <ng-container *ngFor="let estate of  estates;let i = index">    
                                <app-estate-card2 [estate]="estate"></app-estate-card2>
       </ng-container>
       <ion-infinite-scroll position="bottom" threshold="100px" (ionInfinite)="loadData($event)">
            <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading more data...">
            </ion-infinite-scroll-content>
        </ion-infinite-scroll>

The ion-infinite-scroll works as it will run loadData method but it will not show any loading or “Loading more data…”" text at the bottom as i checked the infinite-loading class is always display:none