Much blank space at the content's bottom with Infinite-Scroll


#1

Hello. Why so much blank space exist in ion-content when I use infinite-scroll? Example on screen (it’s bottom of device):

my code:

<ion-content>
	<ion-refresher (ionRefresh)="refreshRoutes($event)">
		<ion-refresher-content></ion-refresher-content>
	</ion-refresher>
	<ion-card class="route-result" *ngFor="let route of routes" (click)="buyTicket(route.ride_segment_id)">
		<ion-card-content>
                xxx
   		</ion-card-content>
	</ion-card>
	<ion-infinite-scroll (ionInfinite)="showInfiniteRoutes($event)">
		<ion-infinite-scroll-content></ion-infinite-scroll-content>
	</ion-infinite-scroll>
</ion-content>

height of this block set up in css rule:

ion-infinite-scroll-content {
      min-height: 84px;
}

Is it normal for this component? I think this block wouldn’t have so much height.