Skip to content

Commit

Permalink
[css-contain-1] Post-publciation update
Browse files Browse the repository at this point in the history
  • Loading branch information
frivoal committed Jun 28, 2024
1 parent 826a192 commit 07003c5
Showing 1 changed file with 7 additions and 241 deletions.
248 changes: 7 additions & 241 deletions css-contain-1/Overview.bs
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,15 @@
Title: CSS Containment Module Level 1
Level: 1
Shortname: css-contain
Status: REC
Status: ED
Date: 2024-06-25
Prepare for TR: yes
Implementation Report: https://drafts.csswg.org/css-contain-1/implementation-report-2022-09
Work Status: completed
Group: csswg
ED: https://drafts.csswg.org/css-contain-1/
TR: https://www.w3.org/TR/css-contain-1/
Previous Version: https://www.w3.org/TR/2022/REC-css-contain-1-20221025/
Previous Version: https://www.w3.org/TR/2024/REC-css-contain-1-20240625/
Editor: Tab Atkins, Google, http://xanthir.com/contact/, w3cid 42199
Editor: Florian Rivoal, On behalf of Bloomberg, https://florian.rivoal.net/, w3cid 43241
Abstract: This CSS module describes the 'contain' property, which indicates that the element's subtree is independent of the rest of the page. This enables heavy optimizations by user agents when used well.
Expand Down Expand Up @@ -1132,50 +1132,16 @@ Security Considerations</h2>

This appendix is <em>informative</em>.

<h3 id="2022-10-25-changes">Changes from the
<a href="https://www.w3.org/TR/2022/REC-css-contain-1-20221025/">Recommendation of 25 October 2022</a></h3>
<h3 id="2024-06-25-changes">Changes from the
<a href="https://www.w3.org/TR/2024/REC-css-contain-1-20240625/">Recommendation of 25 June 2024</a></h3>

Three proposed corrections were formally incorporated into the normative text:
No change yet.

<dl>
<dt id=c1 >Proposed Correction 1:</dt>
<dd>
A minor adjustment was made
to the way the computed value of the 'contain' property is determined:
the shortcut values (''strict'' and ''content''),
instead of computing to themselves,
compute to the corresponding keywords.
Given that the effect is identical,
this allows implementations not to store the precise syntax through which this was achieved.
Also, thanks to the shortest-serialization principle,
this makes this unimportant difference non observable via serialization.

<dt id=c2>Proposed Correction 2:</dt>
<dd>
The description of size containment was somewhat ambiguous,
causing implementers to have some doubts about the precise intended effects
in certain cases.
It was replaced with a more precise description,
in order to clarify what is meant without changing the intended behavior.

<dt id=c3>Proposed Correction 3:</dt>
<dd>
The CSS Working Group had forgotten to consider the effects of containment
on the HTML <{html}> and <{body}> elements,
particularly in consideration of the fact that
for legacy reasons,
some properties can propagate outwards from the <{body}> element.
The text added addresses this oversight.
</dl>

An <a href="https://drafts.csswg.org/css-contain-1/implementation-report-2022-09">implementation report</a>
details their implementation in multiple engines.

<h3 id=old-changes oldids="2020-12-22-changes, 2019-11-21-changes, 2019-04-30-changes, 2018-11-08-changes,2018-05-24-changes, 2017-08-08-changes, 2017-04-19-changes, fpwd-changes">
<h3 id=old-changes oldids="2022-10-25-changes, 2020-12-22-changes, 2019-11-21-changes, 2019-04-30-changes, 2018-11-08-changes,2018-05-24-changes, 2017-08-08-changes, 2017-04-19-changes, fpwd-changes">
Earlier Changes</h3>

Details about earlier changes to this specification
can be found in <a href="https://www.w3.org/TR/2022/REC-css-contain-1-20221025/">the Changes section of its previous publication</a>.
can be found in <a href="https://www.w3.org/TR/2024/REC-css-contain-1-20240625/">the Changes section of its previous publication</a>.

<wpt title="WPT tests not applicable to this specification, as they related to later levels.">
contain-inline-size-bfc-floats-001.html
Expand All @@ -1192,177 +1158,6 @@ contain-inline-size-removed.html
contain-inline-size-replaced.html
contain-inline-size-table.html
contain-inline-size-vertical-rl-.html
container-queries/animation-container-size.html
container-queries/animation-container-type-dynamic.html
container-queries/animation-nested-animation.html
container-queries/animation-nested-transition.html
container-queries/aspect-ratio-feature-evaluation.html
container-queries/at-container-parsing.html
container-queries/at-container-serialization.html
container-queries/at-container-style-serialization.html
container-queries/auto-scrollbars.html
container-queries/backdrop-invalidation.html
container-queries/calc-evaluation.html
container-queries/canvas-as-container-001.html
container-queries/canvas-as-container-002.html
container-queries/canvas-as-container-003.html
container-queries/canvas-as-container-004.html
container-queries/canvas-as-container-005.html
container-queries/canvas-as-container-006.html
container-queries/change-display-in-container.html
container-queries/chrome-legacy-skip-recalc.html
container-queries/column-spanner-in-container.html
container-queries/conditional-container-status.html
container-queries/container-computed.html
container-queries/container-for-cue.html
container-queries/container-for-shadow-dom.html
container-queries/container-inheritance.html
container-queries/container-inner-at-rules.html
container-queries/container-inside-multicol-with-table.html
container-queries/container-longhand-animation-type.html
container-queries/container-name-computed.html
container-queries/container-name-invalidation.html
container-queries/container-name-parsing.html
container-queries/container-name-tree-scoped.html
container-queries/container-nested.html
container-queries/container-parsing.html
container-queries/container-selection.html
container-queries/container-size-invalidation-after-load.html
container-queries/container-size-invalidation.html
container-queries/container-size-nested-invalidation.html
container-queries/container-size-shadow-invalidation.html
container-queries/container-type-computed.html
container-queries/container-type-containment.html
container-queries/container-type-invalidation.html
container-queries/container-type-layout-invalidation.html
container-queries/container-type-parsing.html
container-queries/container-units-animation.html
container-queries/container-units-basic.html
container-queries/container-units-computational-independence.html
container-queries/container-units-gradient-invalidation.html
container-queries/container-units-gradient.html
container-queries/container-units-in-at-container-dynamic.html
container-queries/container-units-in-at-container-fallback.html
container-queries/container-units-in-at-container.html
container-queries/container-units-ineligible-container.html
container-queries/container-units-invalidation.html
container-queries/container-units-media-queries.html
container-queries/container-units-selection.html
container-queries/container-units-shadow.html
container-queries/container-units-small-viewport-fallback.html
container-queries/container-units-svglength.html
container-queries/container-units-typed-om.html
container-queries/counters-flex-circular.html
container-queries/counters-in-container-dynamic.html
container-queries/counters-in-container.html
container-queries/crashtests/br-crash.html
container-queries/crashtests/canvas-as-container-crash.html
container-queries/crashtests/chrome-bug-1289718-000-crash.html
container-queries/crashtests/chrome-bug-1289718-001-crash.html
container-queries/crashtests/chrome-bug-1346969-crash.html
container-queries/crashtests/chrome-bug-1362391-crash.html
container-queries/crashtests/chrome-bug-346264227-crash.html
container-queries/crashtests/chrome-layout-root-crash.html
container-queries/crashtests/chrome-quotes-crash.html
container-queries/crashtests/chrome-remove-insert-evaluator-crash.html
container-queries/crashtests/columns-in-table-001-crash.html
container-queries/crashtests/columns-in-table-002-crash.html
container-queries/crashtests/container-in-canvas-crash.html
container-queries/crashtests/container-type-change-chrome-legacy-crash.html
container-queries/crashtests/dirty-rowgroup-crash.html
container-queries/crashtests/flex-in-columns-000-crash.html
container-queries/crashtests/flex-in-columns-001-crash.html
container-queries/crashtests/flex-in-columns-002-crash.html
container-queries/crashtests/flex-in-columns-003-crash.html
container-queries/crashtests/focus-inside-content-visibility-crash.html
container-queries/crashtests/force-sibling-style-crash.html
container-queries/crashtests/grid-in-columns-000-crash.html
container-queries/crashtests/grid-in-columns-001-crash.html
container-queries/crashtests/grid-in-columns-002-crash.html
container-queries/crashtests/grid-in-columns-003-crash.html
container-queries/crashtests/iframe-init-crash.html
container-queries/crashtests/inline-multicol-inside-container-crash.html
container-queries/crashtests/inline-with-columns-000-crash.html
container-queries/crashtests/inline-with-columns-001-crash.html
container-queries/crashtests/input-column-group-container-crash.html
container-queries/crashtests/input-placeholder-inline-size-crash.html
container-queries/crashtests/marker-gcs-after-disconnect-crash.html
container-queries/crashtests/math-block-container-child-crash.html
container-queries/crashtests/orthogonal-replaced-crash.html
container-queries/crashtests/pseudo-container-crash.html
container-queries/crashtests/reversed-ol-crash.html
container-queries/crashtests/svg-layout-root-crash.html
container-queries/crashtests/svg-text-crash.html
container-queries/crashtests/table-in-columns-000-crash.html
container-queries/crashtests/table-in-columns-001-crash.html
container-queries/crashtests/table-in-columns-002-crash.html
container-queries/crashtests/table-in-columns-003-crash.html
container-queries/crashtests/table-in-columns-004-crash.html
container-queries/crashtests/table-in-columns-005-crash.html
container-queries/custom-layout-container-001.https.html
container-queries/custom-property-style-queries.html
container-queries/custom-property-style-query-change.html
container-queries/deep-nested-inline-size-containers.html
container-queries/display-contents.html
container-queries/display-in-container.html
container-queries/display-none.html
container-queries/fieldset-legend-change.html
container-queries/font-relative-calc-dynamic.html
container-queries/font-relative-units-dynamic.html
container-queries/font-relative-units.html
container-queries/fragmented-container-001.html
container-queries/get-animations.html
container-queries/grid-container.html
container-queries/grid-item-container.html
container-queries/idlharness.html
container-queries/iframe-in-container-invalidation.html
container-queries/iframe-invalidation.html
container-queries/ineligible-containment.html
container-queries/inline-size-and-min-width.html
container-queries/inline-size-bfc-floats.html
container-queries/inline-size-containment-vertical-rl.html
container-queries/inline-size-containment.html
container-queries/inner-first-line-non-matching.html
container-queries/layout-dependent-focus.html
container-queries/multicol-container-001.html
container-queries/multicol-inside-container.html
container-queries/nested-query-containers.html
container-queries/never-match-container.html
container-queries/orthogonal-wm-container-query.html
container-queries/percentage-padding-orthogonal.html
container-queries/pseudo-elements-001.html
container-queries/pseudo-elements-002.html
container-queries/pseudo-elements-003.html
container-queries/pseudo-elements-004.html
container-queries/pseudo-elements-005.html
container-queries/pseudo-elements-006.html
container-queries/pseudo-elements-007.html
container-queries/pseudo-elements-008.html
container-queries/query-content-box.html
container-queries/query-evaluation.html
container-queries/reattach-container-with-dirty-child.html
container-queries/resize-while-content-visibility-hidden.html
container-queries/sibling-layout-dependency.html
container-queries/size-container-no-principal-box.html
container-queries/size-feature-evaluation.html
container-queries/style-change-in-container.html
container-queries/style-not-sharing-float.html
container-queries/svg-foreignobject-child-container.html
container-queries/svg-foreignobject-no-size-container.html
container-queries/svg-g-no-size-container.html
container-queries/svg-root-size-container.html
container-queries/table-inside-container-changing-display.html
container-queries/top-layer-dialog-backdrop.html
container-queries/top-layer-dialog-container.html
container-queries/top-layer-dialog.html
container-queries/top-layer-nested-dialog.html
container-queries/transition-scrollbars.html
container-queries/transition-style-change-event-002.html
container-queries/transition-style-change-event.html
container-queries/unsupported-axis.html
container-queries/viewport-units-dynamic.html
container-queries/viewport-units.html
container-queries/whitespace-update-after-removal.html
content-visibility/animation-display-lock.html
content-visibility/content-visibility-001.html
content-visibility/content-visibility-002.html
Expand Down Expand Up @@ -1513,35 +1308,6 @@ content-visibility/slot-content-visibility-7-crash.html
content-visibility/slot-content-visibility-8-crash.html
content-visibility/slot-content-visibility-9-crash.html
quote-scoping-empty-style-boundaries.html
container-queries/at-container-style-parsing.html
container-queries/container-selection-unknown-features.html
container-queries/container-units-content-box.html
container-queries/container-units-rule-cache.html
container-queries/container-units-sharing-via-rule-node.html
container-queries/crashtests/chrome-bug-1429955-crash.html
container-queries/crashtests/chrome-bug-1505250-crash.html
container-queries/crashtests/chrome-custom-highlight-crash.html
container-queries/crashtests/dialog-backdrop-crash.html
container-queries/crashtests/mathml-container-type-crash.html
container-queries/crashtests/remove-dom-child-change-style.html
container-queries/crashtests/size-change-during-transition-crash.html
container-queries/dialog-backdrop-create.html
container-queries/dialog-backdrop-remove.html
container-queries/display-contents-dynamic-style-queries.html
container-queries/inheritance-from-container.html
container-queries/nested-size-style-container-invalidation.html
container-queries/pseudo-elements-002b.html
container-queries/pseudo-elements-009.html
container-queries/pseudo-elements-010.html
container-queries/pseudo-elements-011.html
container-queries/pseudo-elements-012.html
container-queries/pseudo-elements-013.html
container-queries/query-evaluation-style.html
container-queries/registered-color-style-queries.html
container-queries/size-container-with-quotes.html
container-queries/style-container-for-shadow-dom.html
container-queries/style-container-invalidation-inheritance.html
container-queries/style-query-with-unknown-width.html
content-visibility/content-visibility-085.html
content-visibility/content-visibility-086.html
content-visibility/content-visibility-087.html
Expand Down

0 comments on commit 07003c5

Please sign in to comment.