Skip to content

NavigationView Keyboard Focus is Broken in Top Navigation Mode #2521

@michael-hawker

Description

@michael-hawker

Describe the bug
I'm noticing issues with Keyboard focus navigation of the arrow keys on NavigationView when in Top PaneDisplayMode. However, the weird thing is, I can see similar (though slightly different) issues between 2.3.2002 and 2.4.2 even though they're different implementations with the ItemsRepeater!

I have a branch here which demonstrates the issue.

Not sure if related to #2175 or not (probably not as was an issue in 2.3.2002 as well)?

Steps to reproduce the bug

  1. Clone and move to branch here
  2. Run app (make sure NOT maximized, should be default)
  3. Hit Tab to focus on 'Controls'
  4. Use right-arrow keys a few times to navigate to Settings

Note: Other2 and Other3 are skipped! And when you use left from Settings as well!

If you Maximize the app, this problem goes away... 🤷‍♂️ Seems like maybe some overflow logic is interfering with Keyboard focus???

If you shrink the window smaller a different behavior is exhibited with some middle items being skipped. Something related to the Horizontal width of the control is effecting Keyboard navigation here.

Expected behavior
Keyboard focus should navigate to each item in the top navigation header, just as things work vertically in the normal mode.

Screenshots
See live stream clip here

Version Info
NuGet package version: 2.3.2.200213001 & 2.4.2

Windows 10 version Saw the problem?
Insider Build (xxxxx)
May 2020 Update (19041) Yes
November 2019 Update (18363)
May 2019 Update (18362)
October 2018 Update (17763)
April 2018 Update (17134)
Fall Creators Update (16299)
Creators Update (15063)
Device form factor Saw the problem?
Desktop Yes
Mobile
Xbox
Surface Hub
IoT

Additional context

Metadata

Metadata

Assignees

No one assigned

    Labels

    area-XYFocusXYFocus APIs or behaviorneeds-winui-3Indicates that feature can only be done in WinUI 3.0 or beyond. (needs winui 3)no-issue-activityteam-ReachIssue for the Reach teamwct

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions