Angular Virtual Scroll Gets reset upon hitting MinBufferPx

Question

<ng-container *ngIf="infoCardRows?.length > 0">
        <cdk-virtual-scroll-viewport itemSize="44" minBufferPx="132" maxBufferPx="440">
            <ng-container *cdkVirtualFor="let item of infoCardRows;templateCacheSize: 0">
                <info-card-body-row [item]="item" [filter]="filter"></info-card-body-row>
            </ng-container>
        </cdk-virtual-scroll-viewport>
    </ng-container>

After certain amount of scrolling, data gets repeated. While debugging I found out that the, transform: translateY(0px); gets updated and reset simultaneously.

This issue only happens while scrolling slowly. On fast scrolling everything works prefectly. With more and more minBufferPx appearance of this issue can be delayed.

I would like to fix this issue