Re: [csswg-drafts] [css-sizing-4] Scrollbars when intrinsic-width is > width? (#4415)

An example I was working on based on Tab's example of floats…
https://www.software.hixie.ch/utilities/js/live-dom-viewer/saved/8038

Three cases:
- defined height (100px) + auto width
- defined height (100px) and width (150px)
- auto height + defined width (150px)

For each, three variations:
- contained size with `contain-intrinsic-size: 200px 200px`, 
- A single child element of 200px by 200px
- both size containment and the child element

I'd expect both the calculated box size for the container and the presence of scrollbars on it to be the same for each of those variations. I think that's what we resolved.

In contrast… currently in Chrome (v81), we're getting no scrollbars & no room for scrollbars in the calculated size for the childless element with contain size and contain-intrinsic-size.

Then, when you add the content to the element that had contain-intrinsic-size exactly matching the child content size, two bad things happen:
- the contained size changes for the float with auto width
- a unnecessary scrollbar shows up for the float with auto height.

So these would be things we are hoping to prevent.

![Screenshot of the chrome rendering of the layout](https://user-images.githubusercontent.com/9876129/80629517-30bca280-8a10-11ea-90ba-1c983ee2d3d5.png)




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

Received on Wednesday, 29 April 2020 18:05:19 UTC