Repository navigation
Claude Test Bug #622
Description
Test Environment:
OS: Win 11 version 22h2 build 25151.1000
Application: OneNote Clipper
URL: https://www.onenote.com/clipper
Browser: Edge Version 105.0.1300.0 (Official build) dev (64-bit)
Pre-requisite:
Install OneNote clipper from https://www.onenote.com/clipper and sign-in with Microsoft work account.
Repro Steps:
Go to https://www.onenote.com/clipper URL.
Select "Clip to OneNote" button in top right corner.
Navigate to "Location dropdown" under 'Article' button through Tab key and press enter key.
Observe the issue here.
Actual Result:
Keyboard focus does not land over the selected item after expanding the "location dropdown" using keyboard.
Expected Result:
Keyboard focus should land over the selected item after expanding the "location dropdown" using keyboard.
User Experience:
Keyboard user will face difficulty if focus is not landing first items after expanding 'location dropdown' so the end users will not be able to identify that the focus is actually on which control so the end users will get confused.
MAS Reference:
Focus Order - Liquid (microsoft.com)
Have feedback to share on Bugs? Please help fill Trusted Tester Bug Feedback (office.com).
Activity
claude commentedon Feb 2, 2026
Claude finished Aanchal Bhansali (@aanchalbhansali)'s task in 4m 48s —— View job •
claude/issue-622-20260202-1644• Create PR ➔Summary
I've successfully fixed the keyboard focus issue in the location dropdown. When users expand the dropdown using keyboard navigation (Tab + Enter), focus now automatically moves to the currently selected section item, making it easy for keyboard users to identify where they are in the control.
Changes Made
Modified
src/scripts/clipperUI/components/sectionPicker.tsx:Added
focusOnSelectedSection()method that intelligently finds and focuses on the selected section using three fallback strategies:aria-selected="true".Sectionelement if neither is foundUpdated
onPopupToggle()method to callfocusOnSelectedSection()when the popup opens, using asetTimeoutto ensure the popup has fully rendered before attempting to set focus.Technical Details
The OneNotePicker library (an external npm package) doesn't automatically manage focus when the dropdown opens. This fix adds focus management at the wrapper level in the SectionPicker component, ensuring compliance with Microsoft's Liquid accessibility guidelines for Focus Order (requirement 02.04.03).
Testing
Next Steps
--- • Branch: claude/issue-622-20260202-1644
Fix keyboard focus in location dropdown for accessibility