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

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