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? where — "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. Best, Felipe References: https://drafts.csswg.org/css-overflow-4/#scrollbar-gutter-property https://github.com/w3c/csswg-drafts/issues/4674#issuecomment-857841639 https://github.com/w3c/csswg-drafts/issues/6349#issuecomment-880053625 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