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

Felipe Erias felipeerias at igalia.com
Wed Jul 14 23:31:01 PDT 2021

Hi webkit-dev,

This is a request for an updated position on scrollbar-gutter.

The initial version of this spec raised concerns among WebKit and Gecko, 
mainly regarding its interaction with overlay scrollbars.

These issues were eventually solved in a CSS WG meeting where it was 
agreed to reduce the scope of this property to the functionality that 
could gather unanimous support among the browser representatives.

The updated spec can be summarized as follows:

* the syntax of scrollbar-gutter becomes

      auto | stable && both-edges?

   — "auto" keeps the default behaviour;
   — "stable" reserves space for a classic scrollbar along the inline 
edge when the overflow value of the box is auto, scroll, or hidden;
   — "both-edges" reserves a symmetrical space on the opposite edge.

* with overlay scrollbars, scrollbar-gutter does not have any effect.

Thank you so much.




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

More information about the webkit-dev mailing list