Skip to content

fix: lock body scroll and contain mobile sidebar overscroll#12

Open
wintermuted wants to merge 3 commits into
mainfrom
copilot/fix-left-side-nav-scroll
Open

fix: lock body scroll and contain mobile sidebar overscroll#12
wintermuted wants to merge 3 commits into
mainfrom
copilot/fix-left-side-nav-scroll

Conversation

@wintermuted

Copy link
Copy Markdown
Owner

Summary

  • lock page scrolling while the mobile docs sidebar drawer is open
  • add overscroll containment so touch scroll remains in the sidebar
  • improve mobile navigation usability on small screens

Changes

  • updated mobile sidebar styles in showcase/showcase.css
  • prevents scroll chaining to the background page while drawer is open

Why

On mobile, sidebar scrolling can be unreliable when background/body scroll remains active. This ensures the drawer scroll behavior is consistent and isolated.

@github-actions

Copy link
Copy Markdown
Contributor

🚀 PR Preview deployed!

📖 Open showcase preview

ℹ️ Production remains at root Pages URL. This preview is isolated to PR #12.

Run 26578387699 — commit f1914a4

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR improves the mobile docs experience in the showcase site by preventing background page scrolling while the mobile sidebar drawer is open and by containing touch overscroll within the sidebar.

Changes:

  • Added overscroll-behavior-y: contain to the mobile .docs-sidebar to prevent scroll chaining to the page.
  • Locked background page scrolling on mobile when the sidebar is open via body.docs-sidebar-open { overflow: hidden; }.

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.

3 participants