Skip to content

[experimental] Reduce layout shift by stabilizing scrollbar space #2871

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Closed
wants to merge 12 commits into from
Closed

[experimental] Reduce layout shift by stabilizing scrollbar space #2871

wants to merge 12 commits into from

Conversation

@pwizla
Copy link
Collaborator

@pwizla pwizla commented Nov 20, 2025

This PR reduces initial layout shift (CLS) by reserving vertical scrollbar space globally.

  • Adds scrollbar-gutter: stable both-edges on html
  • Provides a fallback (overflow-y: scroll) for browsers without support
  • Touches only global SCSS: docusaurus/src/scss/_base.scss

Impact

  • Prevents article/content from shifting horizontally when pages gain/lose a vertical scrollbar after hydration or late-loading content.

@pwizla pwizla added this to the 6.12.1 milestone Nov 20, 2025
@vercel
Copy link

vercel bot commented Nov 20, 2025 •
edited
Loading

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
documentation Ready Ready Preview Comment Nov 20, 2025 11:19pm

@strapi-cla
Copy link

strapi-cla commented Nov 20, 2025

CLA assistant check
Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
You have signed the CLA already but the status is still pending? Let us recheck it.

@github-actions github-actions bot added internal PRs created by the Strapi core team pr: updated content PRs updating existing documentation content source: repo PRs/issues not targeting a specific documentation but rather affecting the whole repo labels Nov 20, 2025
@web-flow
fix: stabilize AI toolbar trigger/text and feature badges to prevent …
3d0d1e5 
…tiny reflows; reserve space for BrowserOnly SearchBar
@pwizla
Copy link
Collaborator Author

pwizla commented Nov 21, 2025

Closing, fixed in #2872

@pwizla pwizla closed this Nov 21, 2025
@pwizla pwizla removed this from the 6.12.1 milestone Dec 2, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

internal PRs created by the Strapi core team pr: updated content PRs updating existing documentation content source: repo PRs/issues not targeting a specific documentation but rather affecting the whole repo

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@pwizla @strapi-cla @web-flow