Ion-list with 200 entry scroll bug on iOS

#1

Hi,

I have a mistake when I load a long list in a ion-modal using ion list, here is the sample code:

<ion-card>
        <ion-list radio-group padding-left padding-right>
            <ion-item *ngFor="let l of list">
                <ion-label>{{l[value]}}</ion-label>
                <ion-radio [value]="l[key]" (click)="select(l)" [checked]="l[key] == initialSelect"></ion-radio>
            </ion-item>
        </ion-list>
    </ion-card>

Data is an object with 200 rows (country lists) in this format :
{id: number, country: string, nationality: string}

You can see the bug in action here google drive video

It is only on iOS, but not on Android where is it working well.

Thanks for answers,
Nicolas

#2

I have no access to the Drive Video

#3

Link edited, thanks :slight_smile:

#4

200 sounds like a big enough number to me that I would invest the time in looking at virtual scroll.

#5

It’s working, thanks a lot