Re: [csswg-drafts] [css-overflow-4] overflow into the gutter (#5253)

I think maybe the following is a testcase that doesn't have the "assume you have a particular font with these sizing characteristics" of Florian's example above:
```css
div {
  width: 80px;
  overflow: auto;
  scrollbar-gutter: stable;
  border: 1px solid black;
}
span.filler {
   display: inline-block;
   width: 79px;
   height: 50px;
   border-right: 2px solid cyan;
   box-sizing: border-box;
}
```
```html
<div><span class="filler"></span></div>
```
Live jsfiddle: https://jsfiddle.net/dholbert/s13f9rde/

If I'm understanding the resolution correctly, the resolution here means: for a browser with classic scrollbars, then the resolution means the following:
- the cyan `border-right` should be treated as overflow and get covered up by the scrollbar-gutter (so you shouldn't see any cyan initially)
- there should be a horizontal scrollbar that you can use to scroll to bring it into view.

@frivoal can you confirm whether I'm getting that right?

(Firefox matches those expectations right now. Chrome and WebKit seem not to match.)

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


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

Received on Thursday, 8 February 2024 00:28:22 UTC