Skip to content

Fix mobile menu not closing when tapping content area#73

Merged
alari76 merged 1 commit intomainfrom
fix/mobile-menu-backdrop-close
Mar 9, 2026
Merged

Fix mobile menu not closing when tapping content area#73
alari76 merged 1 commit intomainfrom
fix/mobile-menu-backdrop-close

Conversation

@alari76
Copy link
Copy Markdown
Contributor

@alari76 alari76 commented Mar 9, 2026

Summary

  • The mobile sidebar drawer's inner wrapper was implicitly width: 100%, so its stopPropagation handler blocked clicks on the entire backdrop overlay
  • Added w-fit to constrain the wrapper to the sidebar's 280px width, allowing taps on the content area to reach the backdrop's close handler

Test plan

  • Open on mobile viewport, open sidebar menu, tap the dimmed content area — menu should close
  • Verify tapping inside the sidebar still works normally (doesn't close)

🤖 Generated with Claude Code

The inner drawer wrapper div defaulted to width: 100%, causing its
stopPropagation handler to block clicks on the entire backdrop overlay.
Adding w-fit constrains it to the sidebar width so taps outside reach
the backdrop's onMobileClose handler.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@alari76 alari76 merged commit b02663c into main Mar 9, 2026
2 checks passed
@alari76 alari76 deleted the fix/mobile-menu-backdrop-close branch March 10, 2026 05:11
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