[csswg-drafts] [css-overflow-4] drawing over the space reserved by `scrollbar-gutter` (#5232)

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

== [css-overflow-4] drawing over the space reserved by `scrollbar-gutter` ==
[The `scrollbar-gutter` spec.](https://www.w3.org/TR/css-overflow-4/#scollbar-gutter-property)

There are cases when authors would like to reserve space for the scrollbar inside a container by using `scrollbar-gutter`, and they would also like to have certain elements that span the whole width of that container (and therefore would step over that gutter space).

The best example of this would be headers and dividers inside a list. Something like this:


![issue_1](https://user-images.githubusercontent.com/1412060/84922560-fbbff880-b100-11ea-8aa4-96fbc8060563.png)


However, it is not possible to implement that design with the current definition of `scrollbar-gutter`: there would be an empty gap on the side of the headers/dividers because they can not extend over the gutter:

![issue_2](https://user-images.githubusercontent.com/1412060/84922574-ffec1600-b100-11ea-9180-0d1900bc65b2.png)

This issue came up during the discussion about implementing `scrollbar-gutter` in Chromium ([thread](https://groups.google.com/a/chromium.org/d/msg/blink-dev/GErJ9WbxJrU/F8N2xl1kBgAJ)) and I think that it is a valid criticism of the spec. I am not sure about what changes or additions could be done to fix it.

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

Received on Wednesday, 17 June 2020 16:21:08 UTC