Re: [csswg-drafts] [css-overflow][css-contain][css-sizing] `overflow: auto` incompatible with size containment and container queries (#7875)

Here's a test that doesn't require grid layout (to replace [this testcase](https://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0A%3Cstyle%3E%0A.size%20%7B%20width%3A%20200px%3B%20height%3A%20200px%3B%7D%0A%3C%2Fstyle%3E%0A%3Cbutton%20onclick%3D%22document.getElementById(%27contents%27).classList.toggle(%27size%27)%22%3EChange%20contents%3C%2Fbutton%3E%0A%3Cbutton%20onclick%3D%22document.body.style.display%20%3D%20%27none%27%3B%20document.body.offsetLeft%3B%20document.body.style.display%20%3D%20%27%27%22%3EFull%20layout%3C%2Fbutton%3E%0A%3Cdiv%20style%3D%22width%3A%20max-content%3B%20border%3A%20solid%22%3E%0A%20%20%3Cdiv%20style%3D%22display%3A%20grid%3B%20grid-template%3A%20100px%20%2F%20100px%3B%20overflow%3A%20auto%3B%20contain%3A%20strict%22%3E%0A%20%20%20%20%3Cdiv%20id%3D%22contents%22%3E%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A)), and still illustrates the problem.

```html
<!DOCTYPE html>
<style>
  .size { width: 200px; height: 200px; }
</style>
<button onclick="document.getElementById('contents').classList.toggle('size')">Change contents</button>
<button onclick="document.body.style.display = 'none'; document.body.offsetLeft; document.body.style.display = ''">Full layout</button>
<div style="width:fit-content; border:solid;">
  <div style="padding:50px; overflow:auto; contain:layout size;">
    <div id="contents"></div>
  </div>
</div>
```

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


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

Received on Thursday, 15 December 2022 10:18:21 UTC