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

[YuanboXue-Amber]

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: floating-ui/floating-ui#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)

[JustSlone]

We should fix this issue; I would love a better solution than a prop to dismiss on scrolling if we have that option.
Moving over to the new unified board and assigning to @microsoft/teams-prg

[msft-fluent-ui-bot]

Because this issue has not had activity for over 150 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.

[msft-fluent-ui-bot]

Because this issue has not had activity for over 150 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.

[microsoft-github-policy-service]

Because this issue has not had activity for over 150 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.

[microsoft-github-policy-service]

Because this issue has not had activity for over 150 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.

[microsoft-github-policy-service]

This issue has not had activity for over 180 days! We're adding Soft close label and will close it soon for house-keeping purposes.
Still require assistance? Please add comment - "keep open".

[layershifter]

keep open