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

_______________________________________________
webkit-dev mailing list
webkit-dev@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-dev

Reply via email to