Flyouts opened from collapsed RibbonCollapsibleGroup show underneath group popup #685

Describe the bug

In a ribbon collapsible group, when the group collapses and you try opening a flyout from an element inside that group, it'll slow the flyout underneath the group's own flyout

Steps to reproduce

Minimal repro can be found at https://github.com/IviriusMain/ToolkitRibbonIssue/blob/master/ToolkitRibbonIssue/MainWindow.xaml

Expected behavior

Flyouts opened from within in a collapsed Ribbon flyout should show on top of the Ribbon's flyout, not underneath.

Screenshots

Code Platform

• UWP
• WinAppSDK / WinUI 3
• Web Assembly (WASM)
• Android
• iOS
• MacOS
• Linux / GTK

Windows Build Number

• Windows 10 1809 (Build 17763)
• Windows 10 1903 (Build 18362)
• Windows 10 1909 (Build 18363)
• Windows 10 2004 (Build 19041)
• Windows 10 20H2 (Build 19042)
• Windows 10 21H1 (Build 19043)
• Windows 11 21H2 (Build 22000)
• Other (specify)

Other Windows Build number

No response

App minimum and target SDK version

• Windows 10, version 1809 (Build 17763)
• Windows 10, version 1903 (Build 18362)
• Windows 10, version 1909 (Build 18363)
• Windows 10, version 2004 (Build 19041)
• Other (specify)

Other SDK version

No response

Visual Studio Version

No response

Visual Studio Build Number

No response

Device form factor

No response

Additional context

Originally reported by user ivirius.software in the #community-toolkit channel of the Windows App Community discord.

Help us help you

No, I'm unable to contribute a solution.