Rux-pop-up: popups do not position correctly when nested within other popups

[kiley-mitti]

Describe the bug When one rux-pop-up is nested inside another rux-pop-up, the inner pop-up does not position correctly adjacent to its trigger. To Reproduce Check outthis sandbox in various browsers. It acts differently in basically all of them.

Note: In Chrome this does work properly when strategy="fixed" is not implemented.. but it fails in all other browsers in both cases.

Current behavior When a nested popup trigger is clicked, its corresponding popup does not appear next to the trigger correctly. It appears elsewhere on the page.

Expected behavior When a nested popup trigger is clicked the corresponding popup should appear next to the trigger based on placement=""

Screenshots

Works in Chrome sometimes

CodeSandbox If applicable, please provide a CodeSandbox or other online code editor tool link that contains an example of the bug.

Check outthis sandbox

Environment (please complete the following information):

• Browser [e.g. chrome, safari]: All save for Chrome (sometimes).
• @astrouxds/astro-web-components version [e.g. 7.0.0]: 7.1.0+
• Framework, if applicable (React, Angular, Vue, Svelte, ect) At least React and VanillaJS
• Framework wrapper version, if applicable (@astrouxds/react or @astrouxds/angular)

Additional context It's likely a FloatingUI issue that needs some digging.

[markacianfrani]

closing due to inactivity