Ionic 4 problem when adding content before ion-virtual-scroll

[alnassreit]

I have this code and it’s working totally fine using ionic 4 and angular 8

<ion-content>
<ion-virtual-scroll>
...
...
...
</ion-virtual-scroll>
</ion-content>

after added some content before ion-virtual-scroll it cost to this problem. the items not showing in the right time [see Gif]

<ion-content>
<div class="content-header">...</div>
<ion-virtual-scroll>
...
...
...
</ion-virtual-scroll>
</ion-content>

when I display:none the class .content-header it work fine again.

Q:

is there a way to make ion-virtual-scroll load more content on the screen?

is there a way to hide the .content-header after scrolling down (may it work)?

[alnassreit]

When I wrote the question I was not thinking that some div without any CSS will make this issue, but it does.

this screenshot with the problem

after changing the to this order the <ion-virtual-scroll> detect the hight correctly. .

I hope it’s clear. it’s was only deleted a <div class="ion-padding">