Make the welcome bubble a real button
維護者通常 1 天內回覆
評估
這個 Issue 還沒有評估資料。
描述
The welcome bubble ("Need help? Chat with us!") opens the chat when clicked, but it's a div with a click listener. Keyboard and screen reader users can't reach it or tell it does anything. Only its small close button is a real button.
What to do
- Render the bubble's text as a
<button type="button">that opens the chat. Keep the close button as a separate button next to it, not inside it (a button inside a button is invalid HTML). - Keep the look the same. The wrapper can stay a
divfor positioning. - Keep the existing behavior: clicking the text opens the chat, the close button only hides the bubble.
Where to look
packages/widget/src/dom/bubble.ts(WelcomeBubbleconstructor).cc-bubbleand.cc-bubble-closeinpackages/widget/src/styles/widget.csspackages/widget/tests/widget.test.tsandpackages/widget/tests/loader.test.ts(search forcc-bubble)
Acceptance criteria
- The bubble text is a
<button>reachable with Tab, and Enter or Space opens the chat - The close button is a sibling, not a child, of that button
- No visual change (a before and after screenshot in the PR)
- Tests for keyboard activation and for dismiss
- Changeset for
@chatcops/widget(patch) -
pnpm test:coverage,pnpm lintandpnpm sizepass
The chat panel (dist/chatcops.panel.js) has a 14 kB gzip budget and about 800 B of it is left, shared by several open issues. Keep the change small, and check pnpm size before you open the PR.
- 主要語言
- TypeScript
- 星號
- 13
- 分支
- 7
- 平均合併
- 3 小時 28 分鐘
- 30 天內合併 PR
- 296
環境準備
- 沒有 Dockerfile 或 Docker Compose 檔案
- 有 Pull Request 範本
- 閱讀貢獻指南
從這裡開始
- 先讀完整個 Issue，再讀專案的貢獻指南。
- 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
- Fork 儲存庫，在一個分支上完成修改。
- 送出 Pull Request，並在描述裡引用這個 Issue 編號。
codercops/chatcops 的其他 Issue
-
Core README lists old default models可能已有人在做 @prakashNalla 今天認領。 未關閉
難度 1/5 1 小時以內 新手友好度 90/100
codercops/chatcops#503 · 1 則留言 ·
維護者通常 1 天內回覆
-
Widget: theme.tokens to set any color or size token, and the full token table in the docs可能已有人在做 @Sreehita-here 今天認領。 未關閉hacktoberfest
codercops/chatcops#500 · 2 則留言 · 已指派 1 人 ·
維護者通常 1 天內回覆
-
Widget: a header menu with New conversation, Download transcript and a privacy link可能已有人在做 @anurag2787 今天認領。 未關閉hacktoberfest
codercops/chatcops#496 · 4 則留言 · 已指派 1 人 ·
維護者通常 1 天內回覆
-
Widget: keep a message sent while offline, and send it when the connection is back可能已有人在做 @Saifjafri212213 今天認領。 未關閉hacktoberfest
codercops/chatcops#495 · 3 則留言 · 已指派 1 人 ·
維護者通常 1 天內回覆
-
Widget: copy a completed assistant reply可能已有人在做 @piyusshhjangid 今天認領。 未關閉hacktoberfest
codercops/chatcops#477 · 2 則留言 · 已指派 1 人 ·
維護者通常 1 天內回覆
查看 codercops/chatcops 的全部 Issue
相似的 Issue
-
Replace discontinued crypto-js in the theme可能已有人在做 @aelmanaa 今天認領。 未關閉
難度 2/5 1-3 小時 新手友好度 85/100
PaloAltoNetworks/docusaurus-openapi-docs#1689 ·
維護者通常 2 天內回覆
-
難度 2/5 1-3 小時 新手友好度 70/100
solana-foundation/solana-web3.js#4015 · 1 則留言 ·
維護者通常 1 天內回覆
-
難度 2/5 1-3 小時 新手友好度 85/100
維護者通常 1 天內回覆
-
documentation
難度 1/5 1-3 小時 新手友好度 90/100
ivopogace/opencode-courier#422 ·
維護者通常 1 天內回覆
-
bug
難度 2/5 1-3 小時 新手友好度 68/100
chapel-lang/chapel-vscode#158 ·
維護者通常 1 天內回覆