Thank you very much.
I understand that your concern is mainly about the "always" keyword of
scrollbar-gutter, where space is reserved for the scrollbar regardless
of whether it is of the fixed or overlay kind.
This keyword is intended as a simple solution for situations where the
overlay scrollbar would cover the content in a way that hindered
readability/usability.
As you suggest, having some kind of value with the thickness of the
overlay scrollbar (an environment variable?) would allow for more
fine-grained control in that particular scenario.
However, once authors had a reliable way to know the thickness of
overlay scrollbars, IMHO there would be nothing stopping them from using
that value to prevent their content from being obscured by them. After
all, it has become common to set a generous padding on websites to
achieve a similar outcome.
In general, I think that both approaches are compatible: not all of the
use cases served by scrollbar-gutter can be solved with env variables
and viceversa.
Furthermore, there are some situations where both could be used
together. For example, if one wanted to prevent excessive layout changes
with fixed scrollbars (with scrollbar-gutter: stable) while moving some
individual elements away when overlay scrollbars were in use (with the
env variable).
Best,
Felipe
On 24/02/2021 02:45, Simon Fraser wrote:
WebKit does not support this feature as specified.
Our opinion is that we don't want to encourage web developers to reserve space
for scrollbars in a way that prevents non-interactive content from intruding
into that space. This undoes a big advantage of overlay scrollbars, in that
they leave more space for content.
Our preference would be some kind of margin value (perhaps a constant) that
allows authors to move only interactive content outside of the area affected by
overlay scrollbars.
Simon
On Feb 23, 2021, at 5:54 AM, Felipe Erias via webkit-dev
<webkit-dev@lists.webkit.org> 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
