Add shared Studio toast handling#256
Conversation
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: c9902bfa65
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
| </script> | ||
|
|
||
| <template> | ||
| <div v-if="visibleToasts.length" class="studio-toast-host" aria-live="polite" aria-atomic="false"> |
There was a problem hiding this comment.
Keep toast live region mounted
When the toast list is empty, this v-if removes the aria-live container, so the first toast after an idle period is inserted as part of a newly created live region rather than as a change to an existing one. Screen-reader users can miss initial or single success/error toasts in that scenario; keep the live region mounted and conditionally render only the toast children or hide the empty container instead.
Useful? React with 👍 / 👎.
Summary
useToast()helper.docs/toasts.md.Testing