Skip to content

Commit 41addb9

Browse files
committed
[css-contain] layout containment causes stacking contexts
Closes w3c#2942
1 parent 5334cc0 commit 41addb9

3 files changed

Lines changed: 24 additions & 1 deletion

File tree

css-contain-1/Overview.bs

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -304,7 +304,9 @@ Layout Containment</h3>
304304

305305
4. The element acts as a containing block for absolutely positioned and fixed positioned descendants.
306306

307-
5. [=Forced breaks=] are allowed within elements with [=layout containment=],
307+
5. The element creates a <a>stacking context</a>.
308+
309+
6. [=Forced breaks=] are allowed within elements with [=layout containment=],
308310
but do not propagate to the parent as otherwise described in [[CSS-BREAK-3#break-between]].
309311

310312
Note: This introduces the previously non-existent possibility that [=forced breaks=]
@@ -514,6 +516,7 @@ This appendix is <em>informative</em>.
514516
<h3 id="2018-05-24-changes">Changes from the
515517
<a href="https://www.w3.org/TR/2018/CR-css-contain-1-20180524/">Candidate Recommendation of 24 May 2018</a></h3>
516518

519+
* Layout containment causes the element to establish a new stacking context
517520
* Size containment does not apply to tables
518521
* Clarify that the columns and grid properties affect the size of size-contained elements
519522
* Change the animation type of the contain property from discrete to not animatable

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

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -81,6 +81,16 @@ <h1>CSS Contain Level 1 Disposition of Comments for 2018-05-24 CR</h1>
8181
Comment: <a href='https://github.com/w3c/csswg-drafts/issues/2800'>https://github.com/w3c/csswg-drafts/issues/2800</a>
8282
Closed: Accepted
8383
Resolved: Editorial</pre>
84+
<pre class=' open' id='issue-7'>
85+
Issue 7. <a href='#issue-7'>#</a>
86+
Summary: contain:layout is a CB for fixpos/abspos descendants but doesn't establish a stacking context
87+
From: David Baron
88+
Comment: <a href='https://github.com/w3c/csswg-drafts/issues/2942'>https://github.com/w3c/csswg-drafts/issues/2942</a>
89+
Response: <a href='https://github.com/w3c/csswg-drafts/issues/2942#issuecomment-406716817'>https://github.com/w3c/csswg-drafts/issues/2942#issuecomment-406716817</a>
90+
Response: <a href='https://github.com/w3c/csswg-drafts/issues/2942#issuecomment-406735520'>https://github.com/w3c/csswg-drafts/issues/2942#issuecomment-406735520</a>
91+
Response: <a href='https://github.com/w3c/csswg-drafts/issues/2942#issuecomment-407956323'>https://github.com/w3c/csswg-drafts/issues/2942#issuecomment-407956323</a>
92+
Response: <a href='https://github.com/w3c/csswg-drafts/issues/2942#issuecomment-408244344'>https://github.com/w3c/csswg-drafts/issues/2942#issuecomment-408244344</a>
93+
Open</pre>
8494
<script>
8595
(function () {
8696
var sheet = document.styleSheets[0];

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

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -51,3 +51,13 @@ From: Daniel Holbert
5151
Comment: https://github.com/w3c/csswg-drafts/issues/2800
5252
Closed: Accepted
5353
Resolved: Editorial
54+
----
55+
Issue 7.
56+
Summary: contain:layout is a CB for fixpos/abspos descendants but doesn't establish a stacking context
57+
From: David Baron
58+
Comment: https://github.com/w3c/csswg-drafts/issues/2942
59+
Response: https://github.com/w3c/csswg-drafts/issues/2942#issuecomment-406716817
60+
Response: https://github.com/w3c/csswg-drafts/issues/2942#issuecomment-406735520
61+
Response: https://github.com/w3c/csswg-drafts/issues/2942#issuecomment-407956323
62+
Response: https://github.com/w3c/csswg-drafts/issues/2942#issuecomment-408244344
63+
Open

0 commit comments

Comments
 (0)