CodeForPhilly / CodeForPhilly/codeforphilly-ng

Validate mobile sheet in browser (hamburger → sheet < md)

未关闭 适合新手
#16 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
主要语言
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

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。