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
_______________________________________________
webkit-dev mailing list
webkit-dev@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-dev