[csswg-drafts] [css-sizing] Clarify contain-intrinsic-size with multicolumn/grid (#7520)

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

== [css-sizing] Clarify contain-intrinsic-size with multicolumn/grid ==
```html
<div style="contain: size; contain-intrinsic-size: 30px; width: max-content; border: solid;
            column-count: 3; column-gap: 10px"></div>
```

In Blink this results in a multicol container which is 30px tall and 110px wide.

That is, `contain-intrinsic-width` sets the width of the columns to `30px`, then `30px * 3 + 2 * 10px = 110px`.

Is this correct, or should `contain-intrinsic-width` already include gaps and multiple columns?

It's the opposite in grid:

```html
<div style="contain: size; contain-intrinsic-size: 30px; width: max-content; border: solid;
            display: grid; grid-template-columns: 50px 50px 50px; column-gap: 10px"></div>
```

Here the grid container is 30px tall and wide.


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


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

Received on Wednesday, 20 July 2022 20:22:38 UTC