Tippy tooltip does not hide when reference element is scrolled out of view

[choppercoder]

Bug description

Tooltip does not disappear when element is scrolled out of view

Reproduction

Use tab key to focus on the button, and when the tooltip is displayed, use arrow keys to scroll down. The button is scrolled out of view but the tooltip still persists. It should have closed on its own as soon as the element was scrolled out, this happens in mui tooltips.
I have used prevent overflow and hide modifiers as well, but they don't seem to work and tippy-popper is not attached and x-out-of-boundaries property is never added.
Please suggest a workaround for this

CodePen link: https://codepen.io/luffy23j/pen/MWMpvLp