matTooltip jumps in conjuction with cdk-virtual-scroll-viewport

[toxik]

What is the expected behavior?

The tooltip should remain in place when the target is replaced.

What is the current behavior?

The tooltip jumps to the bottom of the page.

What are the steps to reproduce?

There are 2 lists rendered (refreshed at 2 seconds), the bug can be seen in the first one:

• hover over the first item from the first list; you'll notice the tooltip jumps to the bottom of the page

If you hover over the first item in the second list it behaves correctly.
The second list has templateCacheSize: 0

https://stackblitz.com/edit/virtual-scroll-bug?file=src%2Fapp%2Fapp.component.html

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

Angular 7.2.11 (latest)
Material 7.3.6 (latest)
OS: macOS Mojave 10.14.3

[maertz]

using trackBy seems to solve it.
https://stackblitz.com/edit/virtual-scroll-bug-jmf6c7

[yarinsa]

I am experiencing the same issue, Using cdk-virtual-scroll-viewport.
The tooltip rendered on the top left corner and then change position (video attached).

Did anyone manage to solve it?
https://user-images.githubusercontent.com/44482362/120096270-2dc04400-c133-11eb-9175-c4049e90894a.mov

Thanks.