CodeForPhilly / CodeForPhilly/codeforphilly-ng

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

Ouverte Adaptée aux débutants
#16 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
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

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.