[csswg-drafts] [css-overflow-4] subgrid obviates the need for `scrollbar-gutter: force` (#9815)

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

== [css-overflow-4] subgrid obviates the need for `scrollbar-gutter: force` ==
`scrollbar-gutter: force` was proposed to reserve the same amount of space in a non scrolling element as the gutter would in an adjacent scrolling element, for the purpose of lining things up visually. See [example 15 in the spec](https://drafts.csswg.org/css-overflow-4/#example-c34bfad2). However, this value has been controversial, for a variety of reasons, some listed in the spec, such as [issue 45](https://drafts.csswg.org/css-overflow-4/#issue-271e4cf4) or [issue 46](https://drafts.csswg.org/css-overflow-4/#issue-61a17faa).

I think subgrid solves the same problem, in a much more robust manner, and we can therefore drop the proposal for `scrollbar-gutter: force`.
Here's a little bit of sample code demonstrating it:
http://software.hixie.ch/utilities/js/live-dom-viewer/?saved=12282

<table>
<thead>
<tr><th>Overlay scrollbars<th>Classic scrollbars<th>Classic scrollbars with overflow:auto and no overflow
<tbody>
<tr>
<td>

<img src="https://github.com/w3c/csswg-drafts/assets/113268/b547277e-7dce-4e8d-bfae-35a913913f6a">

<td>

<img src="https://github.com/w3c/csswg-drafts/assets/113268/227c2e72-73c0-455b-90f0-f419c281cbdf">

<td>

![Screen Shot 2024-01-18 at 18 27 18](https://github.com/w3c/csswg-drafts/assets/113268/12dfc67b-62b3-4053-af60-0e133ff44fa4)

</table>

Everything aligns just as you'd want, regardless of overlay vs classic, overflow or not, scrollbar gutter or not…

So, since the use case that `scrollbar-gutter: force` was meant for looks solved, I propose we drop it.

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


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

Received on Thursday, 18 January 2024 09:42:43 UTC