Context
Initial inspect/zoom UX for Mermaid diagrams is being introduced in #359 (implementation candidate in #358).
Problem
The modal interaction should be hardened for accessibility and long-lived preview sessions.
Goal
Ship production-level UX hardening for the Mermaid inspect modal.
Scope
In scope
- Keyboard accessibility:
Esc closes modal
- Focus management and focus return
- Keyboard operation for zoom controls
- A11y semantics:
role="dialog", aria-modal, labels for controls
- Stability:
- Stress test repeated open/close cycles and live-update rerenders
- Ensure no leaked handlers / duplicate DOM nodes over long sessions
Out of scope
- Re-design of visual style.
- New external UI frameworks.
Acceptance criteria
Verification
- Manual keyboard test matrix.
- Browser/runtime smoke checks for DOM/listener idempotency.
- Long-session test (>10 min with frequent rerenders).
References
Context
Initial inspect/zoom UX for Mermaid diagrams is being introduced in #359 (implementation candidate in #358).
Problem
The modal interaction should be hardened for accessibility and long-lived preview sessions.
Goal
Ship production-level UX hardening for the Mermaid inspect modal.
Scope
In scope
Esccloses modalrole="dialog",aria-modal, labels for controlsOut of scope
Acceptance criteria
Verification
References