Skip to content

Fix overflow to be auto instead of scroll - #1

Open
kizu wants to merge 1 commit into
robinrendle:mainfrom
kizu:patch-1
Open

Fix overflow to be auto instead of scroll#1
kizu wants to merge 1 commit into
robinrendle:mainfrom
kizu:patch-1

Conversation

@kizu

@kizu kizu commented Jun 30, 2024

Copy link
Copy Markdown

There is rarely a good reason to use the scroll value of overflow — it should be auto instead, otherwise in systems with always visible non-overlay scrollbars there will be unnecessary placeholders.

Example from https://csscade.com/in-defense-of-asymmetric-grids/ :

A screenshot of the csscade.com post with a vew empty scrollbars visible

There are three visible places where this happens in this screenshot:

  1. The bottom scrollbar placeholder for the whole page.
  2. The bottom scrollbar placeholder for the content area.
  3. The bottom scrollbar placeholder for the code element.

See also my post “Never Use ‘Scroll’ Value for Overflow”

@vercel

vercel Bot commented Jun 30, 2024

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
the-cascade ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 30, 2024 10:09pm

@netlify

netlify Bot commented Jun 30, 2024

Copy link
Copy Markdown

Deploy Preview for the-cascade ready!

Name Link
🔨 Latest commit 911baf0
🔍 Latest deploy log https://app.netlify.com/sites/the-cascade/deploys/6681d7a297b41400077a337c
😎 Deploy Preview https://deploy-preview-1--the-cascade.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

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