[Bug]: Fluent v9 Menu and Tooltip can detach from the anchor element when scrolling

Library

React Components / v9 (@fluentui/react-components)

System Info

System:
    OS: Windows 10 10.0.22622
    CPU: (24) x64 12th Gen Intel(R) Core(TM) i9-12900KF
    Memory: 39.73 GB / 63.82 GB
  Browsers:
    Edge: Spartan (44.22621.586.0), Chromium (106.0.1370.34)
    Internet Explorer: 11.0.22621.1

Are you reporting Accessibility issue?

no

Reproduction

Ask chfalck

This codesandbox from behowell attempts to repro the conditions of the bug: https://codesandbox.io/s/pensive-bush-h5wixj?file=/example.tsx. It has a menu button inside a scrolling div, and a tooltip inside a scrolling menu. However, the bug doesn't seem to repro in this standalone scenario, so further investigation is needed to figure out what is different about the actual scenario.

Bug Description

Actual Behavior

Menus and tooltips can intermittently detach from their anchor elements when scrolling:

1. Open a menu, or hover over an item with a tooltip
2. Scroll with the mouse wheel

Result: the menu or tooltip don't follow their anchor.

Expected Behavior

Menu and Tooltip stay attached to their anchor while scrolling.

Logs

No response

Requested priority

Normal

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.