Repository navigation
Remove the closed popup panel from the tab order and close it with Escape #59
Description
In popup mode the chat panel is invisible when closed, but it's still in the tab order and the accessibility tree. Keyboard users tab through invisible controls, and there's no keyboard way to close the panel.
Where to look
packages/widget/src/dom/panel.ts,dom/fab.ts,dom/bubble.tspackages/widget/src/widget.ts(open,close)packages/widget/src/styles/widget.css(.cc-panel,.cc-bubble)packages/widget/tests/dom/panel.test.ts,fab.test.ts
Acceptance criteria
- A closed popup panel and a hidden welcome bubble can't be focused and aren't exposed to screen readers (e.g.
inertplusaria-hidden="true", removed on open) - Open and close animations still work
- Escape inside the open popup panel closes it (not in inline mode)
- Focus returns to the FAB after closing
- The FAB has
aria-expandedandaria-controlspointing at the panel id - The panel has
role="dialog"and anaria-labelset to the branding name - Inline mode is unchanged
- Tests cover the new attributes and the Escape key
- Changeset for
@chatcops/widget(patch)
Want to work on this? Comment below and I'll assign it to you. Please take one issue at a time, branch off dev, and open your PR against dev with Closes #<this issue number>. Setup notes (pnpm, build before test) are in CONTRIBUTING.md.
Activity
prakashNalla commentedon Oct 19, 2026
I'd like to take this one. When the popup panel is closed I'll set
inertandaria-hidden="true"on it and on the hidden welcome bubble, and remove them inopen(). Escape in the open popup will callclose()and focus goes back to the FAB. The FAB getsaria-expandedandaria-controls, the panelrole="dialog"with the branding name asaria-label, and inline mode stays as it is. Tests inpanel.test.tsandfab.test.ts, plus a patch changeset.anurag629 commentedon Oct 19, 2026
Hey @prakashNalla, it's yours! Your plan covers the whole list. The one thing it doesn't mention is the open and close animation:
inertandaria-hiddenleave it alone, butdisplay: noneor thehiddenattribute would cut it, so stick with the first two. The files in the issue are all still where it says ondev.Let me know if you have any questions.