Skip to content

feat: add backdrop to block interactions during atom label editing#84

Closed
lpatiny wants to merge 1 commit intomainfrom
feat/modal-atom-label-editor-v2
Closed

feat: add backdrop to block interactions during atom label editing#84
lpatiny wants to merge 1 commit intomainfrom
feat/modal-atom-label-editor-v2

Conversation

@lpatiny
Copy link
Contributor

@lpatiny lpatiny commented Feb 20, 2026

Adds a transparent backdrop overlay that prevents focus loss when editing custom atom labels. Clicking the backdrop cancels the edit, replacing the previous document-level click-outside handler.

Closes #80

Adds a transparent backdrop overlay that prevents focus loss when
editing custom atom labels. Clicking the backdrop cancels the edit,
replacing the previous document-level click-outside handler.

Closes #80

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@cloudflare-workers-and-pages
Copy link

Deploying react-ocl with  Cloudflare Pages  Cloudflare Pages

Latest commit: a26b17b
Status: ✅  Deploy successful!
Preview URL: https://38912992.react-ocl.pages.dev
Branch Preview URL: https://feat-modal-atom-label-editor.react-ocl.pages.dev

View logs

@tpoisseau
Copy link
Contributor

Claude used a hacky way to generate a backdrop.
I think what we should do is a <dialog /> here, with .showModal() to get a backdrop.

@tpoisseau tpoisseau closed this Feb 23, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Modal editor for custom atoms ?

2 participants