Skip to content
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.

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

allow scroll to overflow #63

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

allow scroll to overflow #63

wants to merge 2 commits into from

Conversation

Vrixyz
Copy link

@Vrixyz Vrixyz commented Oct 17, 2023

small fix to avoid a changing width when scroll appears

scroll_width_impacts_header.mp4

@TheV360
Copy link

TheV360 commented Oct 26, 2023

using overflow: scroll; also causes space for a horizontal scrollbar to be allocated. maybe it should be changed to just overflow-y: scroll;?

other solutions?

  • there's scrollbar-gutter: stable;, a very very new CSS property that solves this without showing a disabled scrollbar (not yet supported in safari).
  • there's overflow: overlay; (and by extension, overflow-y: overlay;) which might do exactly what you want.. but it's a non-standard property. surprisingly, it just got added to firefox despite being in chrome for over 10 years. it doesn't seem to work on my machine in both browsers, though. this is probably because it's up to the OS to implement overlaid scrollbars, not the browser.

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.

2 participants