<p dir="auto">It would be so cool to have a power toy that recorded your screen, with microphone and camera. Windows already has this, but it's limited to 2 minutes, and you can only record screen in one app at a time.</p>
<h2 dir="auto"><g-emoji class="g-emoji" alias="information_source" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/2139.png">ℹ</g-emoji> Computer information</h2>
<ul dir="auto">
<li>PowerToys version: 0.20.1</li>
<li>PowerToy Utility: Settings</li>
<li>Running PowerToys as Admin: no</li>
<li>Windows build number: [run "winver"] 18362 (happens only on laptop screen but not on attached monitor).</li>
</ul>
<h2 dir="auto"><g-emoji class="g-emoji" alias="memo" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f4dd.png">📝</g-emoji> Provide detailed reproduction steps (if any)</h2>
<ol dir="auto">
<li>Try to navigate the left navigation pane using arrow keys.</li>
</ol>
<h3 dir="auto">❌ Actual result</h3>
<p dir="auto"><em>What is the actual result of the above steps?</em></p>
<p dir="auto"><strong>Navigation Issue</strong>: 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. We are expected to navigate to the selected index but we always end up navigating to the first element.<br>
<strong>Narrator Issue</strong>: The narrator is expected to say <code class="notranslate">General selected 1 of 9...</code> 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.<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/28739210/90905560-36eeda00-e385-11ea-9522-4aa238c147cb.png"><img src="https://user-images.githubusercontent.com/28739210/90905560-36eeda00-e385-11ea-9522-4aa238c147cb.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto"><strong>Steps to reproduce the bug</strong></p>

<p dir="auto">Steps to reproduce the behavior:</p>
<ol dir="auto">
<li>Try to tab into a navigation view control</li>
</ol>
<h3 dir="auto"><g-emoji class="g-emoji" alias="heavy_check_mark" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/2714.png">✔️</g-emoji> Expected result</h3>

<p dir="auto">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.</p>
<p dir="auto"><strong>Screenshots</strong></p>

<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/28739210/90905415-0149f100-e385-11ea-8353-f292328f6782.gif"><img src="https://user-images.githubusercontent.com/28739210/90905415-0149f100-e385-11ea-8353-f292328f6782.gif" alt="arrow_navigation" data-animated-image="" style="max-width: 100%;"></a></p>
<h2 dir="auto"><g-emoji class="g-emoji" alias="camera" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f4f7.png">📷</g-emoji> Screenshots</h2>
<p dir="auto"><em>Are there any useful screenshots? WinKey+Shift+S and then just paste them directly into the form</em></p>
<h4 dir="auto">Corresponding issue in the microsoft-ui-xaml repo - <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="683634467" data-permission-text="Title is private" data-url="https://github.com/microsoft/microsoft-ui-xaml/issues/3179" data-hovercard-type="issue" data-hovercard-url="/microsoft/microsoft-ui-xaml/issues/3179/hovercard" href="https://github.com/microsoft/microsoft-ui-xaml/issues/3179">microsoft/microsoft-ui-xaml#3179</a></h4>