molecule-ai/molecule-core
41
0
Fork 2
Code Issues 44 Pull Requests 4 Actions 720 Packages Projects Releases Wiki Activity

fix(canvas): ErrorBoundary add role=alert aria-live=assertive
Some checks failed
CI / Canvas Deploy Reminder (pull_request) Blocked by required conditions
Details
CI / all-required (pull_request) Blocked by required conditions
Details
E2E Staging Canvas (Playwright) / Canvas tabs E2E (pull_request) Blocked by required conditions
Details
Handlers Postgres Integration / Handlers Postgres Integration (pull_request) Blocked by required conditions
Details
sop-checklist / all-items-acked (pull_request) [info tier:low] acked: 0/7 — missing: comprehensive-testing, local-postgres-e2e, staging-smoke, +4
Details
Lint curl status-code capture / Scan workflows for curl status-capture pollution (pull_request) Successful in 28s
Details
Harness Replays / detect-changes (pull_request) Successful in 35s
Details
CI / Detect changes (pull_request) Successful in 2m3s
Details
E2E API Smoke Test / detect-changes (pull_request) Successful in 2m5s
Details
qa-review / approved (pull_request) Successful in 48s
Details
security-review / approved (pull_request) Successful in 41s
Details
lint-required-no-paths / lint-required-no-paths (pull_request) Successful in 1m45s
Details
Lint workflow YAML (Gitea-1.22.6-hostile shapes) / Lint workflow YAML for Gitea-1.22.6-hostile shapes (pull_request) Failing after 1m36s
Details
sop-checklist-gate / gate (pull_request) Successful in 38s
Details
Runtime PR-Built Compatibility / detect-changes (pull_request) Successful in 1m30s
Details
Lint pre-flip continue-on-error / Verify continue-on-error flips have run-log proof (pull_request) Successful in 3m10s
Details
lint-continue-on-error-tracking / lint-continue-on-error-tracking (pull_request) Successful in 4m3s
Details
CI / Shellcheck (E2E scripts) (pull_request) Successful in 3s
Details
CI / Python Lint & Test (pull_request) Successful in 3s
Details
Runtime PR-Built Compatibility / PR-built wheel + import smoke (pull_request) Successful in 9s
Details
Block internal-flavored paths / Block forbidden paths (pull_request) Failing after 11m13s
Details
E2E Staging Canvas (Playwright) / detect-changes (pull_request) Failing after 11m0s
Details
Handlers Postgres Integration / detect-changes (pull_request) Failing after 10m57s
Details
Harness Replays / Harness Replays (pull_request) Failing after 1m20s
Details
E2E API Smoke Test / E2E API Smoke Test (pull_request) Successful in 1m57s
Details
lint-required-context-exists-in-bp / lint-required-context-exists-in-bp (pull_request) Failing after 14m53s
Details
Secret scan / Scan diff for credential-shaped strings (pull_request) Failing after 14m9s
Details
gate-check-v3 / gate-check (pull_request) Failing after 14m2s
Details
sop-tier-check / tier-check (pull_request) Failing after 13m20s
Details
CI / Canvas (Next.js) (pull_request) Successful in 17m16s
Details
CI / Platform (Go) (pull_request) Successful in 19m24s
Details

Browse Source 
Error state was not announced to screen readers on crash. Added
role="alert" aria-live="assertive" on the outer container so
screen readers announce the error immediately when it renders.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Molecule AI · core-uiux 2026-05-14 00:09:36 +00:00
parent 9f8de70ebe
commit 6856b5a7cc
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
canvas/src/components/ErrorBoundary.tsx
View File

@ -51,7 +51,7 @@ export class ErrorBoundary extends React.Component<
render() {
if (this.state.hasError) {
return (
<div className="fixed inset-0 flex items-center justify-center bg-surface z-50">
<div role="alert" aria-live="assertive" className="fixed inset-0 flex items-center justify-center bg-surface z-50">
<div className="max-w-md rounded-2xl border border-red-500/30 bg-surface-sunken/90 px-8 py-8 text-center shadow-2xl shadow-black/40">
<div className="mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-red-500/10 border border-red-500/30">
<svg