@@ -828,28 +828,32 @@ Size Containment</h3>
828
828
* if the element does not generate a <a>principal box</a>
829
829
(as is the case with ''display: contents'' or ''display: none'' )
830
830
* if its [=inner display type=] is ''display/table''
831
+ <wpt>
832
+ contain-size-012.html
833
+ contain-size-012b.html
834
+ </wpt>
831
835
* if its [=principal box=] is
832
836
an <a spec="css-display-3">internal table box</a>
837
+ <wpt>
838
+ contain-size-006.html
839
+ contain-size-007.html
840
+ contain-size-008.html
841
+ contain-size-009.html
842
+ contain-size-010.html
843
+ contain-size-051.html
844
+ contain-size-052.html
845
+ </wpt>
833
846
* if its [=principal box=] is
834
847
an <a spec="css-display-3">internal ruby box</a>
835
848
or a <a spec="css-display-3" lt="atomic inline">non-atomic</a> <a spec="css-display-3">inline-level</a> box
849
+ <wpt>
850
+ contain-size-002.html
851
+ contain-size-003.html
852
+ contain-size-004.html
853
+ contain-size-005.html
836
854
837
- <wpt>
838
- contain-size-001.html
839
- contain-size-002.html
840
- contain-size-003.html
841
- contain-size-004.html
842
- contain-size-005.html
843
- contain-size-006.html
844
- contain-size-007.html
845
- contain-size-008.html
846
- contain-size-009.html
847
- contain-size-010.html
848
- contain-size-012.html
849
- contain-size-012b.html
850
- contain-size-051.html
851
- contain-size-052.html
852
- </wpt>
855
+ contain-size-001.html
856
+ </wpt>
853
857
854
858
Note: Internal table boxes,
855
859
which do not include table captions,
@@ -903,21 +907,6 @@ Layout Containment</h3>
903
907
makes its [=principal box=] a <dfn>layout containment box</dfn>
904
908
and has the following effects:
905
909
906
- <wpt>
907
- contain-layout-001.html
908
- contain-layout-002.html
909
- contain-layout-003.html
910
- contain-layout-004.html
911
- contain-layout-005.html
912
- contain-layout-009.html
913
- contain-layout-010.html
914
- contain-layout-011.html
915
- contain-layout-012.html
916
- contain-layout-013.html
917
- contain-layout-014.html
918
- contain-layout-independent-formatting-context-003.html
919
- </wpt>
920
-
921
910
1. The [=layout containment box=] [=establishes an independent formatting context=] .
922
911
923
912
<wpt>
@@ -1057,9 +1046,28 @@ Layout Containment</h3>
1057
1046
* if its [=principal box=] is
1058
1047
an <a spec="css-display-3">internal table box</a>
1059
1048
other than ''display/table-cell''
1049
+ <wpt>
1050
+ contain-layout-009.html
1051
+ contain-layout-010.html
1052
+ contain-layout-011.html
1053
+ contain-layout-012.html
1054
+ contain-layout-013.html
1055
+
1056
+ contain-layout-014.html
1057
+ </wpt>
1060
1058
* if its [=principal box=] is
1061
1059
an <a spec="css-display-3">internal ruby box</a>
1062
1060
or a <a spec="css-display-3" lt="atomic inline">non-atomic</a> <a spec="css-display-3">inline-level</a> box
1061
+ <wpt>
1062
+ contain-layout-002.html
1063
+ contain-layout-003.html
1064
+ contain-layout-004.html
1065
+ contain-layout-005.html
1066
+
1067
+ contain-layout-001.html
1068
+ contain-layout-independent-formatting-context-003.html
1069
+ </wpt>
1070
+
1063
1071
1064
1072
<h4 id='containment-layout-opt' class="no-toc">
1065
1073
Possible Layout-Containment Optimizations</h4>
@@ -1090,23 +1098,6 @@ Paint Containment</h3>
1090
1098
makes its [=principal box=] a <dfn>paint containment box</dfn>
1091
1099
and has the following effects:
1092
1100
1093
- <wpt>
1094
- contain-paint-002.html
1095
- contain-paint-005.html
1096
- contain-paint-006.html
1097
- contain-paint-007.html
1098
- contain-paint-008.html
1099
- contain-paint-011.html
1100
- contain-paint-012.html
1101
- contain-paint-014.html
1102
- contain-paint-015.html
1103
- contain-paint-016.html
1104
- contain-paint-017.html
1105
- contain-paint-018.html
1106
- contain-paint-019.html
1107
- contain-paint-independent-formatting-context-003.html
1108
- </wpt>
1109
-
1110
1101
1. The contents of the element
1111
1102
including any [=ink overflow|ink=] or [=scrollable overflow=]
1112
1103
must be clipped to the <a>padding edge</a> of the [=paint containment box=] ,
@@ -1185,9 +1176,28 @@ Paint Containment</h3>
1185
1176
* if its [=principal box=] is
1186
1177
an <a spec="css-display-3">internal table box</a>
1187
1178
other than ''display/table-cell''
1179
+ <wpt>
1180
+ contain-paint-014.html
1181
+ contain-paint-015.html
1182
+ contain-paint-016.html
1183
+ contain-paint-017.html
1184
+ contain-paint-018.html
1185
+ contain-paint-019.html
1186
+ </wpt>
1188
1187
* if its [=principal box=] is
1189
1188
an <a spec="css-display-3">internal ruby box</a>
1190
1189
or a <a spec="css-display-3" lt="atomic inline">non-atomic</a> <a spec="css-display-3">inline-level</a> box
1190
+ <wpt>
1191
+ contain-paint-005.html
1192
+ contain-paint-006.html
1193
+ contain-paint-007.html
1194
+ contain-paint-008.html
1195
+
1196
+ contain-paint-002.html
1197
+ contain-paint-011.html
1198
+ contain-paint-012.html
1199
+ contain-paint-independent-formatting-context-003.html
1200
+ </wpt>
1191
1201
1192
1202
<h4 id='containment-paint-opt' class="no-toc">
1193
1203
Possible Paint-Containment Optimizations</h4>
@@ -1446,7 +1456,7 @@ This appendix is <em>informative</em>.
1446
1456
<li> Layout containment makes element act as a containing block for absolutely positioned and fixed positioned descendants.
1447
1457
</ul>
1448
1458
1449
- <!-- catch all for tests only relevant to the css-contain-2, to stop bikeshed from complaining -->
1459
+ <!-- catch all for tests only relevant to the css-contain-2 or -3 , to stop bikeshed from complaining -->
1450
1460
<wpt>
1451
1461
content-visibility/content-visibility-001.html
1452
1462
content-visibility/content-visibility-002.html
0 commit comments