CodeForPhilly / CodeForPhilly/codeforphilly-ng

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

Offen
#16 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
TypeScript
Sterne
1
Forks
1
Ø Merge
5 T. 3 Std.
Gemergte PRs (30 T.)
9

Beschreibung

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_

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.