<ion-img> Bug under iOS

I using for my virtualScroll list:

      <ion-list [virtualScroll]="data" *ngIf="!error && !loading" approxItemHeight="50px">
        <ion-item *virtualItem="let drink" detail-push (click)="openDrinkPage(drink, searchtype)">
          <ion-avatar item-left>
            <ion-img [src]="drink.strDrinkThumb"></ion-img>
          </ion-avatar>
          <h2>{{drink.strDrink}}</h2>
          <h3 *ngIf='drink.strAlcoholic != null'>{{drink.strAlcoholic}} - {{drink.strCategory}}</h3>
        </ion-item>
      </ion-list>

Under Android there are no problems, but under iOS it looks like this:

image

I hope some one can help me what i did wrong.

Non related to your question but how did you do your headers? :slight_smile: (Especially top one)

@LoLStats There seems to be an open issue about it:

I would suggest you to vote for the issue so that it (hopefully) gets fixed sooner and to subscribe for updates in order to know when this happens.

As a workaround you could try the fix suggested in this Github comment.