Converged Popover: nested popover is not updating position on scrolling container

Environment Information

• Package version(s): (fill this out)
• Browser and OS versions: (fill this out if relevant)

Please provide a reproduction of the bug in a codepen:

codesandbox: https://codesandbox.io/s/sad-haze-mzy63?file=/example.tsx

Actual behavior:

When scrolling the contaner (green box), the nested popover element is not updating its position to follow trigger:

This happens because the trigger is rendered outside of the scroll container, so popperjs is not able to identify the scroll container as the trigger's scrollable parent: https://github.com/floating-ui/floating-ui/issues/1267

Expected behavior:

In @fluentui/react-northstar, we had the similar issue. It was solved by adding a prop to dismiss popover on scrolling the container element (PR #21453 ).

Priorities and help requested:

Are you willing to submit a PR to fix? (Yes, No) no

Requested priority: (Blocking, High, Normal, Low) low

Products/sites affected: (if applicable)

Start with the linked CodeSandbox reproduction and trace the Converged Popover behavior when the green container scrolls. Compare the proposed behavior with the related @fluentui/react-northstar solution in PR #21453; done means the nested popover responds correctly to scrolling, with the behavior covered by an appropriate regression check.