[csswg-drafts] [css-sizing-4] Only apply contain-intrinsic-size: auto with content-visibility: auto (#6308)

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

== [css-sizing-4] Only apply contain-intrinsic-size: auto with content-visibility: auto ==
https://drafts.csswg.org/css-sizing-4/#intrinsic-size-override

If `auto` applies to everything, you can into the situation where an element is visible on screen but rendered with outdated dimensions. For example:

```html
<div style="contain-intrinsic-size: auto 100px; float: left; width: 200px;"></div>
```

Now, if JS adds `contain: size; width: auto;`, the element will be rendered at 200px width, even though this size is neither in the current CSS style not is it related to the content size.

This is an unfortunate situation. To fix this, we would like to propose only applying `auto` if the element also has `content-visibility: auto`. This would ensure that the remembered size is only used if the element is offscreen, where an outdated size will only affect the scrollbar size.

Thoughts?

@dbaron @chrishtr @vmpstr @tabatkins 


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


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

Received on Monday, 24 May 2021 22:46:09 UTC