Bug: Context menu clipped by the edge of window

[Poker-sang]

Description

Context menu flyouts could be clip by the edge of the window, when they are placed at the top/bottom of the window, or simply be taller than the window.

Steps To Reproduce

Resize the window and right tap anywhere.

Requirements

Fix the bug by limiting the height of the menu or any other ways.

Files Version

2.0.36.0

Windows Version

Windows11 22H2 22621.1265

Log file

debug.log

[yaira2]

This is a WinAppSdk limitation

[Poker-sang]

But Gallery's flyouts would collapse automatically, which looks better I thought?

[yaira2]

Which property controls that? It might not be available for the command bar flyout.

[Poker-sang]

Which property controls that? It might not be available for the command bar flyout.

Seems you are right. And the issue is caused by CommandBarFlyout.Placement. when it is set to Full, the CommandBarFlyout would exceed the lower boundary of the window

And whatever the value is, it might exceed the left or right boundary. We may have to set Placement to Left or Right manually to fix this bug.

[Lukiluc29]

I too am having a similar problem. For example, when I want to remove the "Tags" category the drop-down menu shows only part

[hishitetsu]

It is now fixed by WASDK 1.4.

[Poker-sang]

@hishitetsu Thanks! Can you link if you are convenient?

[yaira2]

@Poker-sang Microsoft hasn't published the changelog yet, but you can test by building the main branch.