IOS displays a white screen while swiftly scrolling

Ionic version:


Ionic CLI : 7.0.1 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 7.0.1
@angular-devkit/build-angular : 15.2.5
@angular-devkit/schematics : 15.2.5
@angular/cli : 15.2.5
@ionic/angular-toolkit : 6.1.0


Capacitor CLI : 4.6.2
@capacitor/android : 4.6.2
@capacitor/core : 4.6.2
@capacitor/ios : 4.6.2

Presently, when scrolling quickly, a white screen is displayed, followed by data after one or two seconds. But with slow scrolling, it functions perfectly. And it works quite well on Android smartphones.

I am using “@angular/cdk/scrolling” for the scrolling feature.

The same problem with “ion-infinite-scroll” and “ion-refresher” persisted in Ionic 6.

Has this happened to anyone else? It does not occur in the browser.

I am getting this same issue but on android and only if i have a lot of images on the page.
if i comment out 3/4 of the image tags, it works perfectly. putting all the image tags back causes white screen for a few seconds before content loads on very fast scrolling.
ios works with no issues.

spent hours on this today and stumped.