MenuFlyout not constraining to root bounds when part of a CommandBar's secondary commands

[hlowrain]

Describe the bug

When you add a MenuFlyout to an AppBarButton that's part of the secondary commands of a CommandBar, the flyout won't be constrained to the root bounds even if ShouldConstrainToRootBounds is set to true.

Steps to reproduce the bug

1. Create a CommandBar
2. Add an AppBarButton to its SecondaryCommands
3. Add a MenuFlyout with items to the AppBarButton
4. Set ShouldConstrainToRootBounds of the MenuFlyout to true
5. Start the app, make sure its not maximized, then open the flyout

Expected behavior

Flyout should be within the app window

Screenshots

NuGet package version

None

Windows version

Windows 11 (22H2): Build 22621

Additional context

Setting the "Placement" property of the Flyout also doesnt work as expected :/

I was initially trying to figure out why my flyout was overlapping its AppBarButton only on Windows 10. When you open a flyout while the app is maximized, expected behavior is for it to display somewhere outside the button (i.e to the left or top), but on Windows 10, it covers part of the button. And only happens when it's the secondary command of a CommandBar.

[github-actions]

Hi I'm an AI powered bot that finds similar issues based off the issue title.

Please view the issues below to see if they solve your problem, and if the issue describes your problem please consider closing this one. Thank you!

Closed similar issues:

• CommandBarFlyout does not respect ShouldConstrainToRootBounds (#6380), similarity score: 0.82

Note: You can give me feedback by thumbs upping or thumbs downing this comment.