CodeForPhilly / CodeForPhilly/codeforphilly-ng
Validate mobile sheet in browser (hamburger → sheet < md)
- Langage dominant
- TypeScript
- Étoiles
- 1
- Forks
- 1
- Merge moyen
- 5 j 3 h
- PR mergées (30 j)
- 9
Description
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_
Guide de contribution
Aucun guide de contribution indexé pour ce dépôt
Piste de recherche
Commencez par le suivi du sheet mobile dans plans/web-shell.md et par le contexte de revue du PR de public-screens. Exécutez les vérifications du navigateur avec chrome-devtools-axi en dessous de 768px, en couvrant l’ouverture, la navigation, le piégeage du focus et le comportement de fermeture. C’est terminé lorsque les vérifications validées ont été ajoutées à la checklist QA.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- typescript
- Domaine
- frontend, testing-qa
- Type d'issue
- Documentation
- Difficulté
- 2/5
- Temps estimé
- 1-3 heures
- Activité
- Calme
- Clarté
- Plutôt claire
- Accessibilité débutants
- 68/100