[csswg-drafts] [css-scrollbars-2] Introduce scrollbar-mode for autohide behavior in User Agents (#7421)

bmathwig has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-scrollbars-2] Introduce scrollbar-mode for autohide behavior in User Agents ==
User Agents typically implement different 'shy' behaviors such as hiding the scrollbar entirely until scrolled (macOS) or only showing a single panning indicator until mouse hover (Windows 11). In some cases, it is desirable for a page author to switch a root scrollbar to show its full set of elements (track, buttons, thumb) while keeping this 'shy' behavior in sub-scrollers.

The `scrollbar-width` property allows for a value of `thin`, which could be used by the UA to set a hiding behavior. However, the terminology may be interpreted differently for each platform and would not lead to a deterministic behavior. 

I propose adding a `scrollbar-mode` property with the values `auto | shy | visible`, that when used in conjunction with `scrollbar-width` can be used to finely control the behavior of the scrollbar.

**Example**
A page author may want the Windows 11 scrollbar to always show its panning indicator (`scrollbar-width: thin`) but avoid the auto-hide behavior (`scrollbar-mode: visible`). In another overflow element, they may wish to hide the scrollbar but show the full set of scrollbar elements (`scrollbar-width: auto; scrollbar-mode: shy`)


Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7421 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Monday, 27 June 2022 16:15:03 UTC