Re: [csswg-drafts] [css-overflow-4] scrollbar-gutter is too complex (#4674)

It seems that a key question is how to provide control over the behaviour of children elements in relation to their parent's scrollbar gutter. This is related to two use cases that are not yet covered by the spec:

- some elements (headers, footers, dividers, etc.) need to extend to the visible edge of the parent, drawing over the gutter if needed (https://github.com/w3c/csswg-drafts/issues/5232)

- some elements (buttons, checkboxes, etc.) need to be moved so they are not covered by their parent's overlay scrollbar.

One possible approach could be to consider adding the following functionality to `scrollbar-gutter`:

- with fixed scrollbars, when the box is not yet scrolling, a child element's background may extend to the edge of its scrolling parent (as in https://github.com/w3c/csswg-drafts/issues/5232#issuecomment-648047604):

![new_fixed](https://user-images.githubusercontent.com/1412060/115408952-47b16180-a22c-11eb-9401-d33ed985c173.png)

- with overlay scrollbars, a child element may get a gutter that matches its parent's so that the content inside that element is not covered when scrolling happens:

![new_overlay](https://user-images.githubusercontent.com/1412060/115408993-4e3fd900-a22c-11eb-8052-3ce31f7f765e.png)

I am still thinking about how those two behaviours could be expressed with `scrollbar-gutter` (one value? two values?).

-- 
GitHub Notification of comment by felipeerias
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4674#issuecomment-823322693 using your GitHub account


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

Received on Tuesday, 20 April 2021 14:31:42 UTC