Overlays behave erratically when using Virtual Scrolling

#### What is the expected behavior?
Users should be able to utilize Virtual Scrolling with the Tree without worrying about other functionality breaking.

#### What is the current behavior?
When using Tooltips on Tree Nodes in combination with Virtual Scrolling, the Tooltips appear improperly without context.

#### What are the steps to reproduce?
Apply Virtual Scrolling to a Tree and then expose Tooltips on the Tree Node Definitions.

[Demo](https://stackblitz.com/edit/simplified-material-tree-with-virtual-scroll-xkvghx?file=app%2Ftree-flat-overview-example.html) - Mousing over any of the items in the Flat Tree should display a Tool Tip containing the Node's name, seemingly randomly it does accurately display the name in the proper place, most of the time you're left with a small gray box.

Edit: I have updated the demo to include a behavior where clicking on the text of a node will display a Snack Bar containing the node's name. This is also appearing as a gray bar at the top of the screen in many situations. This seems to be related to overlays as a whole in this context.

Bắt đầu bằng cách chạy bản demo StackBlitz được liên kết và tái hiện các lỗi của tooltip và snack bar với Angular Material Tree sử dụng cuộn ảo. Theo dõi cách các overlay của node trong Tree hoạt động khi các mục được tái sử dụng; hoàn tất khi tooltip hiển thị đúng tên node ở đúng vị trí và snack bar xuất hiện bình thường.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.