W3C home > Mailing lists > Public > public-css-archive@w3.org > October 2020

Re: [csswg-drafts] [css-contain-2] Clarify how sizing containment works (#5596)

From: Florian Rivoal via GitHub <sysbot+gh@w3.org>
Date: Thu, 08 Oct 2020 06:50:15 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-705369513-1602139814-sysbot+gh@w3.org>
The diff is reasonably hard to read, so here's a rendered version, for ease of review (this replaces the first item in ordered list in [§ 3.1](https://drafts.csswg.org/css-contain-2/#containment-size)):


> 
> 1. Laying out a size-contained box and its content is conceptually done in two phases:
> 
>     **Sizing as if empty**
>     The used width and height of the containing box are determined as if performing a normal layout of the box, except that it is treated as having no content—not even through pseudo elements such as ::before, ::after, or ::marker.
> 
>     Replaced elements must be treated as having an intrinsic width and height of 0.
> 
>     All CSS properties of the containing box are taken into account as they would be when performing layout norally.
> 
>     Note: Even when the element’s sizing properties are auto this does not necessarily make the element zero-sized: properties set on the element itself, such as the columns property or the grid property, continue to be taken into account.
> 
>     **Laying out in-place**
>     The containing box's content (including any pseudo-element) must then be laid out into the now fixed-size containing box normally. 
> 
>     Note: size containment does not suppress baseline alignment. See layout containment for that.
> 
> 2. The intrinsic sizes of the containing box are determined as if the element had no content, following the same logic as when sizing as if empty.
> 
>     Note: This affects explit invocations of the min-content or max-content keywords, as well as any calculation that depends on these measurement, such as sizing grid tracks into which a size contained item is placed, or if fit-content sizing the contained box’s parent.

-- 
GitHub Notification of comment by frivoal
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/pull/5596#issuecomment-705369513 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Thursday, 8 October 2020 06:50:17 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:42:20 UTC