W3C home > Mailing lists > Public > public-css-archive@w3.org > November 2019

Re: [csswg-drafts] [css-overflow-4] Add scrollbar-gutter: none (#4501)

From: Steve Kobes via GitHub <sysbot+gh@w3.org>
Date: Sun, 10 Nov 2019 01:35:43 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-552153809-1573349742-sysbot+gh@w3.org>
I think this is important, though the reason is subtle.  To motivate, consider a page with a full-width solid-color header, on a platform with non-overlay native scrollbars (e.g. Windows, or Mac with certain settings).

With default styles, the page experiences layout instability when appended content causes overflow.

With overflow: scroll, the layout shift is avoided, but without overflow a disabled scrollbar appears, which is ugly.

If the page uses scrollbar-gutter: stable (as spec'ed), it avoids both layout shifts and disabled scrollbars, but the header is unable to occupy the gutter.  Without overflow, a white gap would appear to the right of the header, which is (IMHO) as ugly as a disabled scrollbar.

The only way to avoid all of those problems today is with the non-standard "overflow: overlay" (as implemented in Chrome).  Having "scrollbar-gutter: none" would give us a standardized equivalent.

GitHub Notification of comment by skobes
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4501#issuecomment-552153809 using your GitHub account
Received on Sunday, 10 November 2019 01:35:45 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:56 UTC