2
2
Title : CSS Containment Module Level 1
3
3
Level : 1
4
4
Shortname : css-contain
5
- Status : REC
5
+ Status : ED
6
6
Date : 2024-06-25
7
7
Prepare for TR : yes
8
8
Implementation Report : https://drafts.csswg.org/css-contain-1/implementation-report-2022-09
9
9
Work Status : completed
10
10
Group : csswg
11
11
ED : https://drafts.csswg.org/css-contain-1/
12
12
TR : https://www.w3.org/TR/css-contain-1/
13
- Previous Version : https://www.w3.org/TR/2022 /REC-css-contain-1-20221025 /
13
+ Previous Version : https://www.w3.org/TR/2024 /REC-css-contain-1-20240625 /
14
14
Editor : Tab Atkins, Google, http://xanthir.com/contact/, w3cid 42199
15
15
Editor : Florian Rivoal, On behalf of Bloomberg, https://florian.rivoal.net/, w3cid 43241
16
16
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.
@@ -1132,50 +1132,16 @@ Security Considerations
1132
1132
1133
1133
This appendix is informative .
1134
1134
1135
- 2022-10 -25-changes">Changes from the
1136
- 2022 /REC-css-contain-1-
20221025 /">Recommendation of 25
October 2022
1135
+ 2024-06 -25-changes">Changes from the
1136
+ 2024 /REC-css-contain-1-
20240625 /">Recommendation of 25
June 2024
1137
1137
1138
- Three proposed corrections were formally incorporated into the normative text:
1138
+ No change yet.
1139
1139
1140
-
1141
- Proposed Correction 1:
1142
-
1143
- A minor adjustment was made
1144
- to the way the computed value of the 'contain' property is determined:
1145
- the shortcut values (''strict'' and ''content'' ),
1146
- instead of computing to themselves,
1147
- compute to the corresponding keywords.
1148
- Given that the effect is identical,
1149
- this allows implementations not to store the precise syntax through which this was achieved.
1150
- Also, thanks to the shortest-serialization principle,
1151
- this makes this unimportant difference non observable via serialization.
1152
-
1153
- Proposed Correction 2:
1154
-
1155
- The description of size containment was somewhat ambiguous,
1156
- causing implementers to have some doubts about the precise intended effects
1157
- in certain cases.
1158
- It was replaced with a more precise description,
1159
- in order to clarify what is meant without changing the intended behavior.
1160
-
1161
- Proposed Correction 3:
1162
-
1163
- The CSS Working Group had forgotten to consider the effects of containment
1164
- on the HTML <{html}> and <{body}> elements,
1165
- particularly in consideration of the fact that
1166
- for legacy reasons,
1167
- some properties can propagate outwards from the <{body}> element.
1168
- The text added addresses this oversight.
1169
-
1170
-
1171
-
1172
- details their implementation in multiple engines.
1173
-
1174
-
1140
+
1175
1141
Earlier Changes
1176
1142
1177
1143
Details about earlier changes to this specification
1178
- can be found in
2022 /REC-css-contain-1-
20221025 /">the Changes section of its previous publication.
1144
+ can be found in
2024 /REC-css-contain-1-
20240625 /">the Changes section of its previous publication.
1179
1145
1180
1146
1181
1147
contain-inline-size-bfc-floats-001.html
@@ -1192,177 +1158,6 @@ contain-inline-size-removed.html
1192
1158
contain-inline-size-replaced.html
1193
1159
contain-inline-size-table.html
1194
1160
contain-inline-size-vertical-rl-.html
1195
- container-queries/animation-container-size.html
1196
- container-queries/animation-container-type-dynamic.html
1197
- container-queries/animation-nested-animation.html
1198
- container-queries/animation-nested-transition.html
1199
- container-queries/aspect-ratio-feature-evaluation.html
1200
- container-queries/at-container-parsing.html
1201
- container-queries/at-container-serialization.html
1202
- container-queries/at-container-style-serialization.html
1203
- container-queries/auto-scrollbars.html
1204
- container-queries/backdrop-invalidation.html
1205
- container-queries/calc-evaluation.html
1206
- container-queries/canvas-as-container-001.html
1207
- container-queries/canvas-as-container-002.html
1208
- container-queries/canvas-as-container-003.html
1209
- container-queries/canvas-as-container-004.html
1210
- container-queries/canvas-as-container-005.html
1211
- container-queries/canvas-as-container-006.html
1212
- container-queries/change-display-in-container.html
1213
- container-queries/chrome-legacy-skip-recalc.html
1214
- container-queries/column-spanner-in-container.html
1215
- container-queries/conditional-container-status.html
1216
- container-queries/container-computed.html
1217
- container-queries/container-for-cue.html
1218
- container-queries/container-for-shadow-dom.html
1219
- container-queries/container-inheritance.html
1220
- container-queries/container-inner-at-rules.html
1221
- container-queries/container-inside-multicol-with-table.html
1222
- container-queries/container-longhand-animation-type.html
1223
- container-queries/container-name-computed.html
1224
- container-queries/container-name-invalidation.html
1225
- container-queries/container-name-parsing.html
1226
- container-queries/container-name-tree-scoped.html
1227
- container-queries/container-nested.html
1228
- container-queries/container-parsing.html
1229
- container-queries/container-selection.html
1230
- container-queries/container-size-invalidation-after-load.html
1231
- container-queries/container-size-invalidation.html
1232
- container-queries/container-size-nested-invalidation.html
1233
- container-queries/container-size-shadow-invalidation.html
1234
- container-queries/container-type-computed.html
1235
- container-queries/container-type-containment.html
1236
- container-queries/container-type-invalidation.html
1237
- container-queries/container-type-layout-invalidation.html
1238
- container-queries/container-type-parsing.html
1239
- container-queries/container-units-animation.html
1240
- container-queries/container-units-basic.html
1241
- container-queries/container-units-computational-independence.html
1242
- container-queries/container-units-gradient-invalidation.html
1243
- container-queries/container-units-gradient.html
1244
- container-queries/container-units-in-at-container-dynamic.html
1245
- container-queries/container-units-in-at-container-fallback.html
1246
- container-queries/container-units-in-at-container.html
1247
- container-queries/container-units-ineligible-container.html
1248
- container-queries/container-units-invalidation.html
1249
- container-queries/container-units-media-queries.html
1250
- container-queries/container-units-selection.html
1251
- container-queries/container-units-shadow.html
1252
- container-queries/container-units-small-viewport-fallback.html
1253
- container-queries/container-units-svglength.html
1254
- container-queries/container-units-typed-om.html
1255
- container-queries/counters-flex-circular.html
1256
- container-queries/counters-in-container-dynamic.html
1257
- container-queries/counters-in-container.html
1258
- container-queries/crashtests/br-crash.html
1259
- container-queries/crashtests/canvas-as-container-crash.html
1260
- container-queries/crashtests/chrome-bug-1289718-000-crash.html
1261
- container-queries/crashtests/chrome-bug-1289718-001-crash.html
1262
- container-queries/crashtests/chrome-bug-1346969-crash.html
1263
- container-queries/crashtests/chrome-bug-1362391-crash.html
1264
- container-queries/crashtests/chrome-bug-346264227-crash.html
1265
- container-queries/crashtests/chrome-layout-root-crash.html
1266
- container-queries/crashtests/chrome-quotes-crash.html
1267
- container-queries/crashtests/chrome-remove-insert-evaluator-crash.html
1268
- container-queries/crashtests/columns-in-table-001-crash.html
1269
- container-queries/crashtests/columns-in-table-002-crash.html
1270
- container-queries/crashtests/container-in-canvas-crash.html
1271
- container-queries/crashtests/container-type-change-chrome-legacy-crash.html
1272
- container-queries/crashtests/dirty-rowgroup-crash.html
1273
- container-queries/crashtests/flex-in-columns-000-crash.html
1274
- container-queries/crashtests/flex-in-columns-001-crash.html
1275
- container-queries/crashtests/flex-in-columns-002-crash.html
1276
- container-queries/crashtests/flex-in-columns-003-crash.html
1277
- container-queries/crashtests/focus-inside-content-visibility-crash.html
1278
- container-queries/crashtests/force-sibling-style-crash.html
1279
- container-queries/crashtests/grid-in-columns-000-crash.html
1280
- container-queries/crashtests/grid-in-columns-001-crash.html
1281
- container-queries/crashtests/grid-in-columns-002-crash.html
1282
- container-queries/crashtests/grid-in-columns-003-crash.html
1283
- container-queries/crashtests/iframe-init-crash.html
1284
- container-queries/crashtests/inline-multicol-inside-container-crash.html
1285
- container-queries/crashtests/inline-with-columns-000-crash.html
1286
- container-queries/crashtests/inline-with-columns-001-crash.html
1287
- container-queries/crashtests/input-column-group-container-crash.html
1288
- container-queries/crashtests/input-placeholder-inline-size-crash.html
1289
- container-queries/crashtests/marker-gcs-after-disconnect-crash.html
1290
- container-queries/crashtests/math-block-container-child-crash.html
1291
- container-queries/crashtests/orthogonal-replaced-crash.html
1292
- container-queries/crashtests/pseudo-container-crash.html
1293
- container-queries/crashtests/reversed-ol-crash.html
1294
- container-queries/crashtests/svg-layout-root-crash.html
1295
- container-queries/crashtests/svg-text-crash.html
1296
- container-queries/crashtests/table-in-columns-000-crash.html
1297
- container-queries/crashtests/table-in-columns-001-crash.html
1298
- container-queries/crashtests/table-in-columns-002-crash.html
1299
- container-queries/crashtests/table-in-columns-003-crash.html
1300
- container-queries/crashtests/table-in-columns-004-crash.html
1301
- container-queries/crashtests/table-in-columns-005-crash.html
1302
- container-queries/custom-layout-container-001.https.html
1303
- container-queries/custom-property-style-queries.html
1304
- container-queries/custom-property-style-query-change.html
1305
- container-queries/deep-nested-inline-size-containers.html
1306
- container-queries/display-contents.html
1307
- container-queries/display-in-container.html
1308
- container-queries/display-none.html
1309
- container-queries/fieldset-legend-change.html
1310
- container-queries/font-relative-calc-dynamic.html
1311
- container-queries/font-relative-units-dynamic.html
1312
- container-queries/font-relative-units.html
1313
- container-queries/fragmented-container-001.html
1314
- container-queries/get-animations.html
1315
- container-queries/grid-container.html
1316
- container-queries/grid-item-container.html
1317
- container-queries/idlharness.html
1318
- container-queries/iframe-in-container-invalidation.html
1319
- container-queries/iframe-invalidation.html
1320
- container-queries/ineligible-containment.html
1321
- container-queries/inline-size-and-min-width.html
1322
- container-queries/inline-size-bfc-floats.html
1323
- container-queries/inline-size-containment-vertical-rl.html
1324
- container-queries/inline-size-containment.html
1325
- container-queries/inner-first-line-non-matching.html
1326
- container-queries/layout-dependent-focus.html
1327
- container-queries/multicol-container-001.html
1328
- container-queries/multicol-inside-container.html
1329
- container-queries/nested-query-containers.html
1330
- container-queries/never-match-container.html
1331
- container-queries/orthogonal-wm-container-query.html
1332
- container-queries/percentage-padding-orthogonal.html
1333
- container-queries/pseudo-elements-001.html
1334
- container-queries/pseudo-elements-002.html
1335
- container-queries/pseudo-elements-003.html
1336
- container-queries/pseudo-elements-004.html
1337
- container-queries/pseudo-elements-005.html
1338
- container-queries/pseudo-elements-006.html
1339
- container-queries/pseudo-elements-007.html
1340
- container-queries/pseudo-elements-008.html
1341
- container-queries/query-content-box.html
1342
- container-queries/query-evaluation.html
1343
- container-queries/reattach-container-with-dirty-child.html
1344
- container-queries/resize-while-content-visibility-hidden.html
1345
- container-queries/sibling-layout-dependency.html
1346
- container-queries/size-container-no-principal-box.html
1347
- container-queries/size-feature-evaluation.html
1348
- container-queries/style-change-in-container.html
1349
- container-queries/style-not-sharing-float.html
1350
- container-queries/svg-foreignobject-child-container.html
1351
- container-queries/svg-foreignobject-no-size-container.html
1352
- container-queries/svg-g-no-size-container.html
1353
- container-queries/svg-root-size-container.html
1354
- container-queries/table-inside-container-changing-display.html
1355
- container-queries/top-layer-dialog-backdrop.html
1356
- container-queries/top-layer-dialog-container.html
1357
- container-queries/top-layer-dialog.html
1358
- container-queries/top-layer-nested-dialog.html
1359
- container-queries/transition-scrollbars.html
1360
- container-queries/transition-style-change-event-002.html
1361
- container-queries/transition-style-change-event.html
1362
- container-queries/unsupported-axis.html
1363
- container-queries/viewport-units-dynamic.html
1364
- container-queries/viewport-units.html
1365
- container-queries/whitespace-update-after-removal.html
1366
1161
content-visibility/animation-display-lock.html
1367
1162
content-visibility/content-visibility-001.html
1368
1163
content-visibility/content-visibility-002.html
@@ -1513,35 +1308,6 @@ content-visibility/slot-content-visibility-7-crash.html
1513
1308
content-visibility/slot-content-visibility-8-crash.html
1514
1309
content-visibility/slot-content-visibility-9-crash.html
1515
1310
quote-scoping-empty-style-boundaries.html
1516
- container-queries/at-container-style-parsing.html
1517
- container-queries/container-selection-unknown-features.html
1518
- container-queries/container-units-content-box.html
1519
- container-queries/container-units-rule-cache.html
1520
- container-queries/container-units-sharing-via-rule-node.html
1521
- container-queries/crashtests/chrome-bug-1429955-crash.html
1522
- container-queries/crashtests/chrome-bug-1505250-crash.html
1523
- container-queries/crashtests/chrome-custom-highlight-crash.html
1524
- container-queries/crashtests/dialog-backdrop-crash.html
1525
- container-queries/crashtests/mathml-container-type-crash.html
1526
- container-queries/crashtests/remove-dom-child-change-style.html
1527
- container-queries/crashtests/size-change-during-transition-crash.html
1528
- container-queries/dialog-backdrop-create.html
1529
- container-queries/dialog-backdrop-remove.html
1530
- container-queries/display-contents-dynamic-style-queries.html
1531
- container-queries/inheritance-from-container.html
1532
- container-queries/nested-size-style-container-invalidation.html
1533
- container-queries/pseudo-elements-002b.html
1534
- container-queries/pseudo-elements-009.html
1535
- container-queries/pseudo-elements-010.html
1536
- container-queries/pseudo-elements-011.html
1537
- container-queries/pseudo-elements-012.html
1538
- container-queries/pseudo-elements-013.html
1539
- container-queries/query-evaluation-style.html
1540
- container-queries/registered-color-style-queries.html
1541
- container-queries/size-container-with-quotes.html
1542
- container-queries/style-container-for-shadow-dom.html
1543
- container-queries/style-container-invalidation-inheritance.html
1544
- container-queries/style-query-with-unknown-width.html
1545
1311
content-visibility/content-visibility-085.html
1546
1312
content-visibility/content-visibility-086.html
1547
1313
content-visibility/content-visibility-087.html
0 commit comments