<p dir="auto">[Power Toys Settings-Color Picker]</p>
<p dir="auto">User Experience:<br>
This will impact the keyboard users as they will not able to navigate the controls with keyboard.</p>
<p dir="auto">Test Environment:<br>
"OS Version: 20221.1000<br>
App Name: Power Toy Preview<br>
App Version: v0.23.0<br>
Screen Reader: Narrator"</p>
<p dir="auto">Repro-steps:<br>
"1. Open Power Toys Settings App.<br>
2. Naviagate to Color Picker  in left pane and activate it.<br>
3. Navigate to 'Open Color Picker' in right pane and Verify the issue. "</p>
<p dir="auto">Actual Result:<br>
Keyboard focus is getting trapped on 'Open Color Picker' edit field. Users have to click through mouse to continue the navigation on page.</p>
<p dir="auto">Expected Result:<br>
Keyboard focus should not get trapped on 'Open Color Picker' edit field.</p>
<p dir="auto">MAS Reference:<br>
<a href="https://microsoft.sharepoint.com/:w:/r/teams/msenable/_layouts/15/WopiFrame.aspx?sourcedoc=%7Bebdc3fe1-09a9-4aa2-a29b-e97764774e6c%7D" rel="nofollow">https://microsoft.sharepoint.com/:w:/r/teams/msenable/_layouts/15/WopiFrame.aspx?sourcedoc={ebdc3fe1-09a9-4aa2-a29b-e97764774e6c}</a></p>
<p dir="auto"><a href="https://github.com/microsoft/PowerToys/files/5328844/11_Color.Picker_MAS2.1.2_Keyboard.is.getting.trapped.zip">11_Color Picker_MAS2.1.2_Keyboard is getting trapped.zip</a></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:</li>
<li>PowerToy Utility:</li>
<li>Running PowerToys as Admin:</li>
<li>Windows build number: [run "winver"]</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>
<p dir="auto">There is a keyboard trap in the Settings page.<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/28739210/90940759-c9629e00-e3c4-11ea-82a1-b8bed615aba1.png"><img src="https://user-images.githubusercontent.com/28739210/90940759-c9629e00-e3c4-11ea-82a1-b8bed615aba1.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">The PowerToys settings page affected by this-</p>
<ol dir="auto">
<li>FancyZones</li>
<li>PT Run</li>
<li>Colorpicker</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"><em>What is the expected result of the above steps?</em></p>
<p dir="auto">We should be able to access all the elements of the settings page using the keyboard.</p>
<p dir="auto">We should allow the user to hold tab and this should take the focus to the next element. There should be some help text which informs the user of this.</p>
<h3 dir="auto">❌ Actual result</h3>
<p dir="auto"><em>What is the actual result of the above steps?</em></p>
<p dir="auto">Once we enter this window, since it captures our keystrokes, there is no way we can set focus on any other item using only the keyboard (by pressing tab).</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>