question-mark
Stuck on an issue?

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.

Navigation view does not work with Arrow keys, hence inaccessible by keyboard (on specific screens)

See original GitHub issue

Describe the bug

Navigation Issue: Navigation view control is expected to navigate using the up and down arrow keys, but it does not happen. The weird thing is that when I try to do the same on the monitor attached to my laptop it works fine but just not on my laptop screen. Seems like it has something to do with the hardware configuration of my laptop screen as it works fine on the attached monitor. Narrator Issue: The narrator is expected to say General selected 1 of 9... and similar things for all the items but it only does so on my monitor and not on my laptop screen. On my laptop screen it does so for the first tab but for the others it just reads out the first item in content of that page. image

Steps to reproduce the bug

Steps to reproduce the behavior:

  1. Try to tab into a navigation view control

Expected behavior

As you can see in the gif. The smaller recording is on my monitor screen and the arrow based navigation works as expected. The larger one is on my laptop screen and it does not work. The monitor is just connected to my laptop by a HDMI cable.

Screenshots

arrow_navigation

Version Info

NuGet package version:

Microsoft.UI.Xaml 2.5.0-prerelease.200708003

Windows app type:

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

Additional context

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:16 (8 by maintainers)

github_iconTop GitHub Comments

2reactions
Felix-Devcommented, Oct 2, 2020

Ah, I see. I thought you were talking about the [focus not being set to the selected item] issue. Good to hear that’s working for you.

Looking at your initially reported issue (arrow navigation not working with 125% scale display scale) it seems to be a “needs-winui-3” issue, in other words, WinUI 2.x versions won’t be able to ship a fix for it (the code to fix currently still resides exclusively in the OS and not in the WinUI 2 repo). I don’t know when a fix for this issue would land in WinUI 3 but the community might be able to help out the team here once WinUI 3 has been open-sourced (in case the team has no immediately available resources to tackle this specific issue).

2reactions
Felix-Devcommented, Sep 3, 2020

@alekhyareddy28 This issue seems to be fixed with the newest WinUI 2.5 Preview release. Can you give that a try? @YuliKl FYI

Read more comments on GitHub >

github_iconTop Results From Across the Web

Arrow keys not working for navigation in certain situations
Arrow keys not working for navigation in certain situations. I use CTRL + arrow left and right to navigate between words while coding,...
Read more >
Arrow and tab keys and screen navigation
Arrow and tab keys and screen navigation not working properly · I click in the mailbox area and the area is highlighted by...
Read more >
Problem with navigation on iPad Pro Magic keyboard
1- Pressing on the left or right arrow keys does not bring the cursor back one character or move foreward one character within...
Read more >
Can't use arrow keys to navigate in a tab group ONLY ...
The behavior you're describing sounds like the left/right arrow keys are going to NVDA instead of to the tab navigator.
Read more >
New mega menu on site relies on arrow keys instead of tab ...
A team I don't regularly work with has built a new mega menu for our website and they're utilizing a library with a...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found