CodeForPhilly / CodeForPhilly/codeforphilly-ng
Validate mobile sheet in browser (hamburger → sheet < md)
- 主要语言
- TypeScript
- 星标
- 1
- 派生
- 1
- 平均合并
- 5 天 3 小时
- 30 天内合并 PR
- 9
描述
During the web-shell plan implementation, the mobile sheet open/close was validated via jsdom tests (keyboard Escape key, aria attributes). Browser validation via chrome-devtools-axi was not possible at < md viewport width.
**What to check:**
- At mobile viewport (< 768px), header collapses to: logo + hamburger + auth control
- Tapping hamburger opens the Sheet from the right with stacked nav links
- Sheet contains: Projects, Help Wanted, Members, Volunteer, separator, About section, search box
- Focus is trapped while sheet is open
- Sheet closes on Escape or overlay click and returns focus to the hamburger trigger
**When to close:** Add to the QA checklist for `public-screens` PR review.
_From: plans/web-shell.md Follow-ups_
贡献指南
这个仓库没有索引到贡献指南
调研方向
从 plans/web-shell.md 中移动端 sheet 的后续工作以及 public-screens 的 PR review 上下文开始。使用 chrome-devtools-axi 在 768px 以下运行浏览器检查,涵盖打开、导航、焦点捕获和关闭行为。将已验证的检查添加到 QA 检查清单后即视为完成。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- typescript
- 领域
- frontend, testing-qa
- Issue 类型
- 文档
- 难度
- 2/5
- 预计耗时
- 1-3 小时
- 活跃度
- 冷清
- 描述清晰度
- 基本清楚
- 新手友好度
- 68/100