Skip to content

Fix mobile sidebar overflow - #175

Merged
knadh merged 1 commit into
knadh:masterfrom
UjjwalGupta49:ujjwal/overflow-fix
Jul 17, 2026
Merged

Fix mobile sidebar overflow#175
knadh merged 1 commit into
knadh:masterfrom
UjjwalGupta49:ujjwal/overflow-fix

Conversation

@UjjwalGupta49

Copy link
Copy Markdown
Contributor

Summary

  • Cause: On mobile, a configured sidebar wider than the viewport expanded the grid even while translated off canvas.
  • Fix: Cap the mobile sidebar width to the viewport with min(var(--sidebar-width), 100vw).
  • Pattern alignment: Reuses the existing width: min(...) responsive sizing pattern from the dialog component and keeps the change to one CSS line.

Fixes #174

Verification

  • make clean dist
  • Verified in Chrome responsive mode at 400px with --sidebar-width: 50rem; both closed and open states remained 400px wide with no horizontal overflow.

@UjjwalGupta49

Copy link
Copy Markdown
Contributor Author

fix to the issue: #174

@UjjwalGupta49
UjjwalGupta49 marked this pull request as ready for review July 15, 2026 05:30
@flibustenet

Copy link
Copy Markdown

Hey,
I can confirm that it works on Firefox desktop and mobile 💯
Thanks

@knadh
knadh merged commit d1b2eaa into knadh:master Jul 17, 2026
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.

Overflow error on small screen.

3 participants