Components: [cdk-virtual-scroll] sometimes jumps unexpectedly

[bob-lee]

Bug, feature request, or proposal:

Bug(?)

What is the expected behavior?

When showing a list of variable height items, viewport scrolls smoothly while scrolling up and down.

What is the current behavior?

Sometimes it jumps unexpectedly, so make it hard to view a certain item as a whole.

What are the steps to reproduce?

https://stackblitz.com/edit/angular-7-virtual-scroll-jumping
Toggle between ngFor and virtualFor and try scrolling down, in virtualFor, it jumps a bit around the 3rd image.

What is the use-case or motivation for changing an existing behavior?

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular: 7.0.1
Material: 7.0.4
OS: windows
Browsers: Chrome/FF/Brave

Is there anything else we should know?

Seems like it jumps when a set of rendered items change.

[bob-lee]

Didn't know about autosize strategy currently available in @angular/cdk-experimental, stackblitz demo updated to use it and seems to work, closing the issue.

[Joaovtrc]

Didn't know about autosize strategy currently available in @angular/cdk-experimental, stackblitz demo updated to use it and seems to work, closing the issue.

There's any way of fixing this 'jump' issue without using the @angular/cdk-experimental ?

[TimeTravelersHackedMe]

This issue is still present on Android Chrome (Latest) Samsung S9+.

Is there any way to fix this?

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{_This action has been performed automatically by a bot._}