Keyboard focus moves out of page after selecting menu item from View options:A11y_Aspire Dashboard_Resources_Keyboard

[kapilvaishna]

Please do not close this bug. This bug should only be closed by TCS, C+AI Accessibility tester after bug verification.

Try ES Chat to learn more about the MAS rule and how to fix the issue. If you need more help, use our Teams channel or office hours.

"Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier."

GitHub Tags

#A11yTCS; #A11yMAS; #A11ySev2; #DesktopWeb; #Win11; #Chrome; #Aspire; #E2E_AspireDashboard_Web_May2026; #WCAG2.4.3; #FocusOrder; #FTP; #ES Chat; #Closed; #A11yFixed;

Issue Subcategory

Focus is incorrect or lost after dynamic interaction

User Experience

Keyboard users lose their place after closing a popup, deleting a list item, or completing an inline action.

Repro Steps

Install Aspire CLI > Clone the Aspire repository https://github.com/microsoft/aspire/tree/main/playground/TestShop > From the console output, copy or open the Dashboard URL > View Options button > Select any option > Observe issue: After selecting a menu item, keyboard focus moves out of the page or to an unexpected location.

Actual Result

After selecting a menu item, keyboard focus moves out of the page or to an unexpected location.

Expected Result

After selecting a menu item, keyboard focus should move to a logical and expected location (e.g., remain on parent control).

How to Fix

Manage focus programmatically: return it to the trigger element after dialog close, or to the next sibling item after deletion. Never let focus reset to or to some illogical element after dynamic content changes.

Issue repro throughout the application for similar controls

Environment details

Application Name: Aspire Dashboard
Edition Windows 11 Enterprise
Version 25H2
OS build 26200.8390

Attachment

17656_Keyboard.mp4

17656_Similar.issue.mp4

[joperezr]

🤖 Aspire triage pass — 2026-05-29 10:13 UTC

Area: area-dashboard
Kind: bug (accessibility)
Repro: yes-minimal — repro steps in issue body (TestShop playground, View Options menu, keyboard focus loss after selection)
Affected version(s): latest dashboard (not specified in body; latest: 13.4 prerelease)
Severity: S3 — focus management after menu-item selection; workaround exists (re-tab)

Urgency: 🟡 vNext — recommend milestone 13.5
Reason: A11y MAS Sev2 (WCAG 2.4.3 Focus Order) report. Long-standing focus-management gap, not a 13.4-introduced regression. Below the 13.4 release-blocking bar.

Suggested owner(s): James Newton-King (@JamesNK) (score ~95), backup Adam Ratzman (@adamint) (score ~30)
Evidence:

• James Newton-King (@JamesNK) authored the bulk of recent area-dashboard PRs (e.g. Improve dashboard summary log formatting #17595, Improve text searching with structured filtering #17482, Update blazor.web.js to latest version in 11p4 #17445, Add install CLI link to AI Agents dialog descriptions #17331, Fix stack overflow when opening child dialog from notification center #17261, Fix Manage button overlapping Close button in Settings dialog at high zoom #17258, Calculate VerticalThreshold dynamically based on menu/popover content #17196, Improve version log messages in CLI, AppHost and dashboard #17163)
• James Newton-King (@JamesNK) and Adam Ratzman (@adamint) listed as CODEOWNERS for src/Aspire.Dashboard
• Adam Ratzman (@adamint) is co-owner and recently closed dashboard issues (Fix language dropdown arrow-key behavior and duplicate zh-CN entry in dashboard settings #16094, Long Command names can overflow Commands submenu #15443, [AspireE2E] There are some error "Uncaught RangeError: Maximum call stack size exceeded" when clicking the manage button on Settings page of the 13.2 aspire project #14407)

Confidence: medium
Needs human?: no

Dry-run mode — no labels or milestone applied. Reply /triage apply to promote, or edit and reapply.

[adamint]

I uploaded the repro/fix evidence artifacts here: https://github.com/adamint/aspire/tree/a11y-artifacts-20260601042635/17656

Key files:

• Before screenshot: https://raw.githubusercontent.com/adamint/aspire/a11y-artifacts-20260601042635/17656/after-select-before.png
• Before video: https://raw.githubusercontent.com/adamint/aspire/a11y-artifacts-20260601042635/17656/before.webm
• After screenshot: https://raw.githubusercontent.com/adamint/aspire/a11y-artifacts-20260601042635/17656/view-options-after-select-after.png
• After video: https://raw.githubusercontent.com/adamint/aspire/a11y-artifacts-20260601042635/17656/after.webm
• After focus state: https://raw.githubusercontent.com/adamint/aspire/a11y-artifacts-20260601042635/17656/view-options-focus-after.json

Draft fix PR: #17776

[adamint]

Correction: I replaced the earlier videos with annotated evidence that visibly shows the active element before/after selecting the menu item.

Updated artifact folder: https://github.com/adamint/aspire/tree/a11y-artifacts-20260601042635/17656

Most useful files:

• Annotated before video: https://raw.githubusercontent.com/adamint/aspire/a11y-artifacts-20260601042635/17656/annotated-before.webm
• Annotated after video: https://raw.githubusercontent.com/adamint/aspire/a11y-artifacts-20260601042635/17656/annotated-after.webm
• Before focus JSON: https://raw.githubusercontent.com/adamint/aspire/a11y-artifacts-20260601042635/17656/17656-before-fix.json
• After focus JSON: https://raw.githubusercontent.com/adamint/aspire/a11y-artifacts-20260601042635/17656/17656-after-fix.json

The annotated before capture shows focus falls to BODY after selecting Collapse child resources. The annotated after capture shows focus remains on the FLUENT-BUTTON with ariaLabel: View options.

[kapilvaishna]

Adam Ratzman (@adamint) I have verified issues in latest version, now we are note able to access list items using keyboard.

Recording.7-01.at.13.40.webm

[kapilvaishna]

Adam Ratzman (@adamint) Main issue is fixed but similar issues are still reproducing.

Recording.7-09.at.16.08.webm