To illustrate some of the points that came up in this discussion, I have added several examples to the scrollbar-gutter explainer: https://github.com/felipeerias/scrollbar-gutter-explainer#examples These should run well in Chrome after enabling the "Experimental Web Platform features" in chrome://flags For convenience, I have also added screenshots for each one when using fixed and overlay scrollbars. Best, Felipe On 23/02/2021 22:54, Felipe Erias via webkit-dev wrote:
Hi webkit-dev,
This is a request for WebKit's position on the CSS "scrollbar-gutter" property. The spec status is Working Draft. This feature is already implemented in Chrome behind a flag.
Spec: https://drafts.csswg.org/css-overflow-4/#scrollbar-gutter-property
Explainer: https://github.com/felipeerias/scrollbar-gutter-explainer
Existing WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=167335
Summary:
The scrollbar-gutter property provides control over the presence of scrollbar gutters (the space which may be reserved to display a scrollbar).
This gives Web authors more agency over how their layouts interact with the scrollbars provided by the browser, so they can e.g. prevent excessive layout changes as content expands while avoiding unwanted visuals when scrolling isn't needed.
Thanks!
Best. Felipe _______________________________________________ webkit-dev mailing list webkit-dev@lists.webkit.org https://lists.webkit.org/mailman/listinfo/webkit-dev