[webkit-dev] Request for position: CSS scrollbar-gutter

[Felipe Erias]

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 at lists.webkit.org
> https://lists.webkit.org/mailman/listinfo/webkit-dev
>