NavigationView and CommandBar flyout menu get clipped when dpi changed

[HO-COOH]

Describe the bug

The flyout menu window does not seem to correctly calculate the size when dragging around monitors that has different dpis.

Steps to reproduce the bug

1. Type something in the winui3 gallery search box so that it shows the suggest list
2. Drag the window between a monitor of 200% scaling and 100% scaling
3. See the flyout get clipped.

Also reproducible for CommandBar

Expected behavior

Either the menu get dismissed like a normal MenuFlyout, or should be scaled correctly.

Screenshots

NuGet package version

WinUI 3 - Windows App SDK 1.5.1: 1.5.240311000

Windows version

Windows 10 (1809): Build 17763

Additional context

No response

[github-actions[bot]]

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!

Open similar issues:

• Menu bar content is cropped when text scaling is on (#9299), similarity score: 0.76

Closed similar issues:

• Window does not resize when being dragged between displays with different DPI (#6720), similarity score: 0.77
• CommandBar is clipping AppBarButtons in it when text size is set to 225% (#5871), similarity score: 0.74
• [WinUI3 Reunion 0.5] Window Resizing Not Handled on Flyouts and Content Dialogs (#4831), similarity score: 0.74
• WinUI 3 NavigationView does not apply correct styles (#4608), similarity score: 0.74

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