Skip to content

Commit 51a4d9e

Browse files
committed
[css-containment] Interaction between containment and fragmentation
Closes w3c#2527
1 parent 9f24775 commit 51a4d9e

File tree

3 files changed

+14
-3
lines changed

3 files changed

+14
-3
lines changed

css-contain-1/Overview.bs

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -180,6 +180,7 @@ Size Containment</h3>
180180
its contents must then be laid out into the containing element's resolved size.
181181

182182
<a>Replaced elements</a> must be treated as having an intrinsic width and height of 0.
183+
2. Elements with <a>size containment</a> are <a spec=css-break-3>monolithic</a> (See [[CSS-BREAK-3#possible-breaks]]).
183184

184185
By itself, <a>size containment</a> does not offer much optimization opportunity.
185186
Its primary benefit on its own is that tools which want to lay out the containing element's contents
@@ -239,6 +240,12 @@ Layout Containment</h3>
239240

240241
4. The element acts as a containing block for absolutely positioned and fixed positioned descendants.
241242

243+
5. [=Forced breaks=] are allowed within elements with [=layout containment=],
244+
but do not propagate to the parent as otherwise described in [[CSS-BREAK-3#break-between]].
245+
246+
Note: This introduces the previously non-existent possibility that [=forced breaks=]]
247+
may occur between a box and its container (See [[CSS-BREAK-3#possible-breaks]].
248+
242249
Possible optimizations that can be enabled by <a>layout containment</a> include (but are not limited to):
243250

244251
1. When laying out the page,
@@ -444,6 +451,8 @@ This appendix is <em>informative</em>.
444451
<li>Size layout and paint containment don't apply to internal ruby elements
445452
<li>Size containment does not apply to non-atomic inlines
446453
<li>Align paint containment's behavior with overflow:clip
454+
<li>Elements with size containment are monolithic
455+
<li>Forced breaks area allowed in elements with layout containments, but do not propagate
447456
</ul>
448457

449458
<h3 id="2017-04-19-changes">Changes from the

css-contain-1/issues-2017-cr.html

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -169,13 +169,14 @@ <h1>CSS Contain Level 1 Disposition of Comments for 2017-02-21 WD</h1>
169169
Comment: <a href='https://github.com/w3c/csswg-drafts/issues/1758'>https://github.com/w3c/csswg-drafts/issues/1758</a>
170170
Closed: Accepted
171171
Resolved: Editorial</pre>
172-
<pre class=' open' id='issue-16'>
172+
<pre class='a' id='issue-16'>
173173
Issue 16. <a href='#issue-16'>#</a>
174174
Summary: Interaction between containment and fragmentation
175175
From: David Baron
176176
Comment: <a href='https://github.com/w3c/csswg-drafts/issues/2527'>https://github.com/w3c/csswg-drafts/issues/2527</a>
177177
Response: <a href='https://github.com/w3c/csswg-drafts/issues/2527#issuecomment-380379157'>https://github.com/w3c/csswg-drafts/issues/2527#issuecomment-380379157</a>
178-
Open</pre>
178+
Closed: Accepted
179+
Resolved: <a href='https://github.com/w3c/csswg-drafts/issues/2527#issuecomment-380827863'>https://github.com/w3c/csswg-drafts/issues/2527#issuecomment-380827863</a></pre>
179180
<script>
180181
(function () {
181182
var sheet = document.styleSheets[0];

css-contain-1/issues-2017-cr.txt

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -145,4 +145,5 @@ Summary: Interaction between containment and fragmentation
145145
From: David Baron
146146
Comment: https://github.com/w3c/csswg-drafts/issues/2527
147147
Response: https://github.com/w3c/csswg-drafts/issues/2527#issuecomment-380379157
148-
Open
148+
Closed: Accepted
149+
Resolved: https://github.com/w3c/csswg-drafts/issues/2527#issuecomment-380827863

0 commit comments

Comments
 (0)