Skip to content

Commit 590e69d

Browse files
committed
[css-contain] Clarification on ink overflow
1 parent 580da22 commit 590e69d

3 files changed

Lines changed: 20 additions & 2 deletions

File tree

css-contain-1/Overview.bs

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -302,8 +302,9 @@ Layout Containment</h3>
302302
and nothing gets flowed into <code>#d</code>, <code>#e</code>, or <code>#f</code>.
303303
</div>
304304

305-
3. If the contents of the element overflow the element,
306-
they must be treated as <a>ink overflow</a>.
305+
3. If the computed value of the 'overflow' property is
306+
either ''overflow/visible'' or ''overflow/clip'' or a combination thereof,
307+
any overflow must be treated as [=ink overflow=].
307308

308309
4. The element acts as a containing block for absolutely positioned and fixed positioned descendants.
309310

@@ -525,6 +526,7 @@ This appendix is <em>informative</em>.
525526
<h3 id="2018-05-24-changes">Changes from the
526527
<a href="https://www.w3.org/TR/2018/CR-css-contain-1-20180524/">Candidate Recommendation of 24 May 2018</a></h3>
527528

529+
* Clarify that layout containment causes overflow to be treated as ink overflow only when visible (or clip)
528530
* Layout containment suppresses baseline alignement, but size containment does not
529531
* Layout containment causes the element to establish a new stacking context
530532
* Size containment does not apply to tables

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

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -101,6 +101,14 @@ <h1>CSS Contain Level 1 Disposition of Comments for 2018-05-24 CR</h1>
101101
Response: <a href='https://github.com/w3c/csswg-drafts/issues/2995#issuecomment-411371226'>https://github.com/w3c/csswg-drafts/issues/2995#issuecomment-411371226</a>
102102
Closed: Accepted
103103
Resolved: <a href='https://github.com/w3c/csswg-drafts/issues/2995#issuecomment-415094473'>https://github.com/w3c/csswg-drafts/issues/2995#issuecomment-415094473</a></pre>
104+
<pre class='a' id='issue-9'>
105+
Issue 9. <a href='#issue-9'>#</a>
106+
Summary: Clarify spec text about ink-overflow
107+
From: Daniel Holbert
108+
Comment: <a href='https://github.com/w3c/csswg-drafts/issues/3032'>https://github.com/w3c/csswg-drafts/issues/3032</a>
109+
Response: <a href='https://github.com/w3c/csswg-drafts/issues/3023#issuecomment-413883793'>https://github.com/w3c/csswg-drafts/issues/3023#issuecomment-413883793</a>
110+
Closed: Accepted
111+
Resolved: <a href='https://github.com/w3c/csswg-drafts/issues/3023#issuecomment-417016569'>https://github.com/w3c/csswg-drafts/issues/3023#issuecomment-417016569</a></pre>
104112
<script>
105113
(function () {
106114
var sheet = document.styleSheets[0];

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

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -71,3 +71,11 @@ Comment: https://github.com/w3c/csswg-drafts/issues/2995#issuecomment-411126837
7171
Response: https://github.com/w3c/csswg-drafts/issues/2995#issuecomment-411371226
7272
Closed: Accepted
7373
Resolved: https://github.com/w3c/csswg-drafts/issues/2995#issuecomment-415094473
74+
----
75+
Issue 9.
76+
Summary: Clarify spec text about ink-overflow
77+
From: Daniel Holbert
78+
Comment: https://github.com/w3c/csswg-drafts/issues/3032
79+
Response: https://github.com/w3c/csswg-drafts/issues/3023#issuecomment-413883793
80+
Closed: Accepted
81+
Resolved: https://github.com/w3c/csswg-drafts/issues/3023#issuecomment-417016569

0 commit comments

Comments
 (0)