Repository navigation
A11y Bug 6210624: Keyboard focus does not land over the selected item after expanding the "location dropdown" using keyboard. #640
Description
Activity
Claude finished KethanaReddy7's task in 3m 11s —— View job •
claude/issue-640-20260312-1031• Create PR ➔
Accessibility Fix Complete
- Read repository guidelines and understand codebase structure
- Find the location dropdown component
- Analyze current focus behavior when dropdown opens
- Implement fix to focus on selected item when dropdown opens via keyboard
- Test and commit changes
Summary:
Fixed the keyboard accessibility issue where focus wasn't landing on the selected item after expanding the location dropdown using keyboard navigation.Changes made to
src/scripts/clipperUI/components/sectionPicker.tsx:- Added focus management in the
onPopupTogglehandler that triggers when the dropdown opens - Implemented
focusOnSelectedSectionInPopup()method that locates the selected section using multiple strategies (aria-selected, data-id, or element id) - Added
focusOnFirstItemInPopup()fallback method for cases when no section is selected
The fix ensures that when a keyboard user opens the location dropdown (Tab + Enter), focus automatically moves to the currently selected section, improving navigation and accessibility as per MAS Focus Order requirements.
|
- added a commit that references this issue
on Mar 12, 2026
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).