NavigationView top navigation overflow button disappearing

[wbokkers]

Describe the bug

When a selection is made from the overflow menu in a top navigation scenario, sometimes the overflow button disappears while not all items are listed in the top navigation.

Steps to reproduce the bug

1. Create a new WinUI3 project (using Windows App SDK 1.0)
2. Use this XAML:

<NavigationView MaxWidth="240" Height="300"  Background="LightGray"
                  IsBackButtonVisible="Collapsed" IsSettingsVisible="False"
                  PaneDisplayMode="Top">
      <NavigationView.MenuItems>
          <NavigationViewItem Content="AA" />
          <NavigationViewItem Content="BBBBBBB" />
          <NavigationViewItem Content="CCCCCCCCCCCCCCC" />
      </NavigationView.MenuItems>
  </NavigationView>

3. Start the app
   
4. Select CCCCCCCCCCCCCCC from the overflow menu:
   
5. The overflow button disappears and the other navigation items can not longer be selected:
   

Expected behavior

The overflow button should always be visible when not all navigation items are visible on the top

NuGet package version

WinUI 3 - Windows App SDK 1.0

Windows app type

• UWP
• Win32

Device form factor

Desktop

Windows version

Windows 11

Additional context

No response

[StephenLPeters]

@ojhad Is what is happening here that the selected item is always shown in the top bar, but this item is so large that it is preventing the the overflow menu from showing?

[KWodarczyk]

why was this closed ?

[gabbybilka]

Followed up with @ranjeshj about this issue. As @StephenLPeters noted, it looks like the issue is that the space available in the horizontal NavView is less than a single item can be shown in. To work around this, you can provide more horizontal space in the NavView or reduce the size of the content in the NavViewItem so that at least one item and the overflow button can fit.

The platform solution would be to change the behavior of the NavView to clip the NavViewItem content to ensure the overflow button appears in the space allotted. At this time, we have no plans to make that change.

[github-actions]

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[KWodarczyk]

Comment

[pme442]

I am also facing this issue. Any workarounds?