A11y Bug 6210968: Keyboard focus gets lost after closing the 'location dropdown' control via esc key.

[KethanaReddy7]

When the location dropdown was closed via the Escape key, keyboard focus was lost, making it difficult for keyboard-only users to continue navigating. This fix ensures focus returns to the dropdown trigger element when the popup closes, improving accessibility for keyboard users.

Demo
https://github.com/user-attachments/assets/ac836069-451d-4d8d-a1c5-cd2de19b05b9

Fixes #641

[KethanaReddy7]

@claude on entering escape from the dropdown list the focus is escaping somewhere but it should land on location dropdown as shown in image

[claude]

Claude finished @KethanaReddy7's task in 3m 14s —— View job

---

Fixed Focus Issue

• Investigate current focus handling implementation
• Identify why focus is escaping instead of landing on location dropdown
• Implement fix for proper focus restoration
• Commit the fix

Root Cause: The focus was being set immediately during the onPopupToggle callback, but the OneNotePicker component's internal DOM manipulation was happening after the focus call, causing the focus to be lost.

Fix: Wrapped the focus call in setTimeout(() => {...}, 0) to defer focus until after the DOM has stabilized following the popup closure. This is a common pattern for focus management in dynamic UIs where DOM changes may occur asynchronously.

Changes:

• src/scripts/clipperUI/components/sectionPicker.tsx - Deferred the focus call using setTimeout
• src/tests/clipperUI/components/sectionPicker_tests.tsx - Updated test to handle async focus behavior
  |