molecule-ai/molecule-core
41
0
Fork 2
Code Issues 43 Pull Requests 10 Actions 30 Packages Projects Releases Wiki Activity

fix(canvas/a11y): add accessible name to ConfirmDialog backdrop #398

Closed
core-fe wants to merge 1 commits from fix/confirm-dialog-backdrop into main
pull from: fix/confirm-dialog-backdrop
merge into: molecule-ai:main
Conversation 4 Commits 1 Files Changed 1 +5 -1
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
canvas/src/components/ConfirmDialog.tsx
View File

@ -106,7 +106,11 @@ export function ConfirmDialog({
return createPortal(
<div className="fixed inset-0 z-[9999] flex items-center justify-center">
{/* Backdrop */}
<div className="absolute inset-0 bg-black/60 backdrop-blur-sm" onClick={onCancel} />
<div
className="absolute inset-0 bg-black/60 backdrop-blur-sm cursor-pointer"
onClick={onCancel}
aria-label="Dismiss dialog"
/>
{/* Dialog — role="dialog" + aria-modal prevent interaction with background */}
<div