Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
NavigationView Keyboard Focus is Broken in Top Navigation Mode
See original GitHub issueDescribe 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
- Clone and move to branch here
- Run app (make sure NOT maximized, should be default)
- Hit Tab to focus on ‘Controls’
- 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
Issue Analytics
- State:
- Created 3 years ago
- Comments:10 (8 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Update: It turns out, the reason I was not able to repro this is that I disabled the XAML Debug Tools, which when enabled, occludes some NavView items when the window is narrow enough:
The arrow navigation always skips the items that are occluded by the XAML Debug Tools. @ojhad FYI
I just wanted to comment that I had a laugh when I saw the presence of the debug tool’s UI is causing a “bug”… it’s just one of those things you’d never expect.