Tooltip remains the same position when mouse scrolls

[mingzilla]

Issue:

GIVEN:
The page is vertically not long enough
AND
A tooltip has been opened
WHEN
Scroll down the page using mouse
THEN
The opened tooltip should not remain at the same screen position

Official document for tooltip:
https://material.angularjs.org/#/demo/material.components.tooltip

Note:
This only happens when using mouse wheel to scroll up and down. When there is any mouse clicking event, the tooltip disappears, so it wouldn't look like a issue.

Please refer to the image below for the issue:

[fabiobiondi]

+1

[mingzilla]

Thanks for taking the time to resolve the issue. You guys are awesome!