[csswg-drafts] [css-overflow-3] Propagating margin overflow of flex items outside of the flexbox (#9194)

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

== [css-overflow-3] Propagating margin overflow of flex items outside of the flexbox ==
I believe this discussion would also be valid for grid items, but I'll just focus on flex here.

```
<div style="display: flex; ">
    <div style="width: 50px; height: 50px; background-color: green; margin-right: 3000px; flex-shrink: 0;">
    </div>
</div>
```

In the above test case none of Safari, Chrome, or Firefox provide a horizontal scrollbar on the viewport. As far as I can tell, according to https://www.w3.org/TR/css-overflow-3/#scrollable, the margin of the flex item should contribute to the scrollable overflow and as a result create a horizontal scrollbar on the viewport. Setting `overflow: scroll` on the flexbox creates a scrollbar, which seems to be in line with the spec, so I feel like it should also generate on on the viewport for the `overflow: visible` case.

Is there some spec language here that should be changed or do all 3 implementations mentioned above have a bug that should be resolved?

Depending on the resolution the following WPT test may need to change as it does not seem to expect a scrollbar: http://wpt.live/css/css-flexbox/flexbox_stf-table-singleline-2.html

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


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

Received on Tuesday, 15 August 2023 18:45:52 UTC