White areas when scrolling over virtualScroll with image grid

[codiqa100078139]

Hi all ,

I am working with Ionic for along time and made most of my applications with Ionic 3 framework.

Now I am developing an application for image selection.
In this application I have a list of tabs. each tab is a alum library on the device.
And the first tab is for a list of all images from all albums.

So when a user clicks on a tab I show a virtualScroll list with a grid of the images in that tab the images are taken from the device.

The problem is that when I scroll/swipe quickly up and and down I see a white area for a 1-3 seconds and only after that I see the images.

I am stuck with this problem for a week now !

What is the problem with that and how can I fix it?

You can see a demonstration of what I am talkink about in this screen video I made
https://www.youtube.com/watch?v=CsacKtyKcpA

And a screen shot:

Here is my HTML code for showing the images:

<ion-header>
  <ion-navbar>
    <ion-title>images: {{pageTitle}}</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
  <div class="wrapper-div">
    <ion-grid [virtualScroll]="albumImages" [approxItemHeight]="'100px'" bufferRatio="5">
      <ion-row>
        <ion-col col-4 *virtualItem="let image">
          <div class="image" [style.height.px]="imageHeight">
            <img-loader [src]="image.url" useImg></img-loader>
          </div>
        </ion-col>
      </ion-row>
    </ion-grid>
  </div>
</ion-content>

[codiqa100078139]

No answers from Ionic team ?
Any one else maybe ?

[codiqa100078139]

So the question is:
Is virtualScroll broken ?

See this post:

Virtual Scroll: white screen when scrolling fast

I was never able to find a solution. I dug through stack overflow and asked on other forums with no avail. It appears that all the other issues relating to virtual scroll essentially came down to “virtual scroll is broken.” or “use infinite scroll” which doesn’t work for my needs… Not really what I wanted to here but I gave up after It seemed that the ionic team was ignoring git issues regarding virtual scroll… or they just flat out closed issues that were unresolved.

And if so will Ionic team fix it for Ionic 3?

It seams that also on Ionic 4 it is not working for ion-grid
See this issue:

4.0.0-alpha.8: Can't use grid with virtual scroll

[codiqa100078139]

Still waiting for some response from Ionic team …