Popover position in scrollable modal

[BumbleB2na]

Describe the bug

Positioning of popovers are broken once user scrolls down inside of a modal (ie: when popover triggered on components that are inside of a modal where its vertical scrollbar is not at the top).

2025-03-12-alpha-popover-in-scrollable-modal-bug.mp4

Provide Code

Sample code: Web components playground, Modal page

To Reproduce

Use sample code provided to arrange components that use popover inside of a modal, which has enough content so that a vertical scrollbar appears, to demonstrate how scrolling further down the modal changes positioning of popovers.

What browsers are you seeing the problem on?

Chrome

Additional context

• This is happening even when relative property is used on components that use popover.
• When removing the relative property in Popover: Remove the need for relative prop #2003 it should also fix this bug with popover positioning.