Skip to content

Make the mobile menu open again - #51

Merged
CodeWithEugene merged 1 commit into
mainfrom
fix/mobile-nav-toggle
Sep 27, 2026
Merged

CodeWithEugene merged 1 commit into
mainfrom
fix/mobile-nav-toggle

Conversation

@CodeWithEugene

Copy link
Copy Markdown
Owner

The hamburger menu toggled its icon and locked page scroll, but the drawer and backdrop never appeared.

Cause: in components/patterns/mobile-nav.tsx the open-state classes were concatenated without a space (mobile-nav-panel${open ? "mobile-nav-panel-open" : ""} produced mobile-nav-panelmobile-nav-panel-open), so the CSS for the open state never matched. Introduced in #31.

Fix: both class names use cn(), which always separates classes. No other className template in the codebase has the same pattern.

Test plan

  • At 375px: menu opens (drawer at left 0, backdrop visible, all 8 links), closes via X, backdrop and Escape, scroll lock released after closing
  • pnpm test 336 passing, lint, typecheck

@CodeWithEugene
CodeWithEugene merged commit 36363b5 into main Sep 27, 2026
4 checks passed

This branch was successfully deployed

1 active deployment
Preview — 81775b80 Deployed Sep 27, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant