Skip to content

Commit 0328697

Browse files
committed
[css-break-3] Compile Changes list, add DoC
1 parent f08c0d1 commit 0328697

3 files changed

Lines changed: 231 additions & 3 deletions

File tree

css-break-3/Overview.bs

Lines changed: 50 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ Introduction</h2>
3131
more discrete display surfaces. In order to avoid awkward breaks
3232
(such as halfway through a line of text), the layout engine must be
3333
able to shift around content that would fall across the page break.
34-
This process is called <dfn>pagination</dfn>.
34+
This process is called <dfn export>pagination</dfn>.
3535
</p>
3636
<p>
3737
In CSS, in addition to paged media, certain layout features such as
@@ -1141,16 +1141,63 @@ Transforms, Positioning, and Pagination</h3>
11411141
Changes</h2>
11421142

11431143
<p>The following significant changes were made since the
1144-
<a href="https://www.w3.org/TR/2017/CR-css-break-3-20170209/">8 February 2017 Candidate Recommendation</a>:
1144+
<a href="https://www.w3.org/TR/2016/CR-css-break-3-20160114/">14 January 2016 Candidate Recommendation</a>:
1145+
11451146
<ul>
1146-
<li>
1147+
<li id="change-2017-propagation">
11471148
Clarified that break propagation does not affect computed values
11481149
and that other layout modes (e.g. flex and grid) make adjustments
11491150
to the basic break propagation rules,
11501151
and corrected child-to-parent propagation to ignore <a>out-of-flow</a> children.
11511152
(<a href="https://github.com/w3c/csswg-drafts/issues/2614">Issue 2614</a>)
1153+
See [[#break-propagation]].
1154+
1155+
<li id="change-2017-widows-applies-to">
1156+
Clarified that 'widows' and 'orphans' have no effect on block containers
1157+
that do not directly contain line boxes.
1158+
(<a href="https://github.com/w3c/csswg-drafts/issues/1823">Issue 1823</a>)
1159+
<blockquote>
1160+
<p>Applies to: block containers <ins>that establish a new inline formatting context</ins>
1161+
</blockquote>
1162+
1163+
<li id="change-2017-inline-block-fragmentation">
1164+
Clarified what it means if a UA chooses not to treat atomic inlines as not <a>monolithic</a>.
1165+
(<a href="https://github.com/w3c/csswg-drafts/issues/1111">Issue 1111</a>)
1166+
<blockquote>
1167+
<p>Since line boxes contain no possible break points,
1168+
''inline-block'' and ''inline-table'' boxes
1169+
(and other inline-level <a>display types</a> that establish an <a>independent formatting context</a>)
1170+
may also be considered <a>monolithic</a>
1171+
<ins>that is,
1172+
in the cases where a single line box is too large
1173+
to fit within its fragmentainer even by itself
1174+
and the UA chooses to split the line box,
1175+
it may fragment such boxes or it may treat them as monolithic</ins>.
1176+
</blockquote>
1177+
1178+
<li id="change-2017-zero-fragment">
1179+
Added requirement that zero-sized fragments must stay on the previous fragmentainer.
1180+
(<a href="https://github.com/w3c/csswg-drafts/issues/1529">Issue 1529</a>)
1181+
<blockquote>
1182+
<ins><p>Additionally, CSS imposes one requirement:
1183+
a zero-sized <a>box fragment</a>,
1184+
since it does not take up space,
1185+
must appear on the earlier side of a <a>fragmentation break</a>
1186+
if it is able to fit within the <a>fragmentainer</a>.</p>
1187+
1188+
<p class="note">A zero-sized <a>box fragment</a> can be pushed
1189+
to the next <a>fragmentainer</a>
1190+
if it is placed immediately after content
1191+
that itself overflows the <a>fragmentainer</a>.</p>
1192+
</ins>
1193+
</blockquote>
1194+
1195+
<li id="change-2017-trivial">
1196+
Made a handful of trivial wording fixes.
11521197
</ul>
11531198

1199+
<p>A <a href="https://drafts.csswg.org/css-break-3/issues-cr-2016">Disposition of Comments</a> is available.
1200+
11541201
<p>The following significant changes were made since the
11551202
<a href="https://www.w3.org/TR/2015/WD-css3-break-20150129/">29 January 2015 Working Draft</a>:
11561203

css-break-3/issues-cr-2016.bsi

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
Draft: https://www.w3.org/TR/2016/CR-css-break-3-20160114/
2+
Title: CSS Fragmentation Module Level 3
3+
4+
----
5+
Issue 1.
6+
Summary: Clarify application of widows and orphans
7+
From: Florian Rivoal
8+
Comment: https://github.com/w3c/csswg-drafts/issues/1823
9+
Response: https://github.com/w3c/csswg-drafts/issues/1823#issuecomment-335868256
10+
Closed: Accepted
11+
Resolved: https://lists.w3.org/Archives/Public/www-style/2017Oct/0025.html
12+
----
13+
Issue 2.
14+
Summary: Clarify break propagation
15+
From: claytron5000
16+
Comment: https://github.com/web-platform-tests/wpt/issues/7958#issuecomment-384413748
17+
Response: https://github.com/web-platform-tests/wpt/issues/7958#issuecomment-385836225
18+
Response: https://github.com/w3c/csswg-drafts/issues/2614
19+
Changes: https://hg.csswg.org/drafts/rev/fa5bc2b61b56
20+
Closed: Accepted
21+
Resolved: https://lists.w3.org/Archives/Public/www-style/2018May/0029.html
22+
----
23+
Issue 3.
24+
Summary: Fix applies-to lines for break-*
25+
From: Mats Palmgren
26+
Comment: https://github.com/w3c/csswg-drafts/issues/1904
27+
Response: https://github.com/w3c/csswg-drafts/issues/1904#issuecomment-414395314
28+
Changes: https://github.com/w3c/csswg-drafts/commit/23d5a4c7b28f9767f7f7a621a7b895d4b858bbca
29+
Closed: Accepted
30+
Resolved: https://lists.w3.org/Archives/Public/www-style/2018Aug/0023.html
31+
----
32+
Issue 4.
33+
Summary: Clarify how inline-block may be not monolithic
34+
From: Koji Ishii
35+
Comment: https://github.com/w3c/csswg-drafts/issues/1111
36+
Response: https://github.com/w3c/csswg-drafts/issues/1111
37+
Open: Accepted, awaiting confirmation
38+
Resolved: Editorial
39+
Verified:
40+
----
41+
Issue 5.
42+
Summary: Ruby containers are not monolithic
43+
From: Oriol Brufau
44+
Comment: https://github.com/w3c/csswg-drafts/issues/1474
45+
Response: https://github.com/w3c/csswg-drafts/issues/1474#issuecomment-414397077
46+
Closed: Accepted
47+
Resolved: Bugfix
48+
----
49+
Issue 6.
50+
Summary: Define empty fragment at fragmentainer boundary to stay on previous
51+
From: Morten Stenshorne
52+
Comment: https://github.com/w3c/csswg-drafts/issues/1529
53+
Response:
54+
Closed: Accepted
55+
Resolved: https://lists.w3.org/Archives/Public/www-style/2018Aug/0023.html

css-break-3/issues-cr-2016.html

Lines changed: 126 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,126 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Fragmentation Module Level 3 Disposition of Comments for 2016-01-14 CR</title>
4+
<style type="text/css">
5+
pre { border: solid thin silver; padding: 0.2em; white-space: normal; }
6+
pre > span { display: block; white-space: pre; }
7+
.a { background: #52E052 }
8+
.d { background: #8CCBF2 }
9+
.oi { background: #E0CB52 }
10+
.r { background: orange }
11+
.fo { background: #f66 }
12+
pre.a { background: #E9FBE9 }
13+
pre.d { background: #DEF }
14+
pre.oi { background: #FCFAEE }
15+
pre.r { background: #FFEECC }
16+
pre.fo { background: #FBE9E9 }
17+
.open { border: solid red; }
18+
:target { box-shadow: 0.25em 0.25em 0.25em; }
19+
a[href^=mid], a[href~=flatten] { text-decoration: none; }
20+
abbr { font-weight: bold; }
21+
</style>
22+
23+
<h1>CSS Fragmentation Module Level 3 Disposition of Comments for 2016-01-14 CR</h1>
24+
25+
<p>Dated Draft: <a href="https://www.w3.org/TR/2016/CR-css-break-3-20160114/">https://www.w3.org/TR/2016/CR-css-break-3-20160114/</a>
26+
27+
<p>Editor's Draft: <a href="http://drafts.csswg.org/css-break-3/">http://drafts.csswg.org/css-break-3/</a>
28+
29+
<p>The following color coding convention is used for comments:</p>
30+
31+
<ul>
32+
<li class="a">Accepted or Rejected and positive response
33+
<li class="r">Rejected and no response
34+
<li class="fo">Rejected and negative response
35+
<li class="d">Deferred
36+
<li class="oi">Out-of-Scope or Invalid and not verified
37+
</ul>
38+
39+
<p class=open>Open issues are marked like this</p>
40+
41+
<p>An issue can be closed as <code>Accepted</code>, <code>OutOfScope</code>,
42+
<code>Invalid</code>, <code>Rejected</code>, or <code>Retracted</code>.
43+
<code>Verified</code> indicates commentor's acceptance of the response.</p>
44+
<pre class=' a' id='issue-1'>
45+
<span>Issue 1. <a href='#issue-1'>#</a></span>
46+
<span>Summary: Clarify application of widows and orphans</span>
47+
<span>From: Florian Rivoal</span>
48+
<span>Comment: <a href='https://github.com/w3c/csswg-drafts/issues/1823'>https://github.com/w3c/csswg-drafts/issues/1823</a></span>
49+
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/1823#issuecomment-335868256'>https://github.com/w3c/csswg-drafts/issues/1823#issuecomment-335868256</a></span>
50+
<span class="a">Closed: Accepted</span>
51+
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2017Oct/0025.html'>https://lists.w3.org/Archives/Public/www-style/2017Oct/0025.html</a> <a href="https://www.w3.org/Mail/flatten/index?subject=https%3A%2F%2Flists.w3.org%2FArchives%2FPublic%2Fwww-style/2017Oct/0025.html"><abbr title="Thread">&#x2208;</abbr></a></span></pre>
52+
<pre class=' a' id='issue-2'>
53+
<span>Issue 2. <a href='#issue-2'>#</a></span>
54+
<span>Summary: Clarify break propagation</span>
55+
<span>From: claytron5000</span>
56+
<span>Comment: <a href='https://github.com/web-platform-tests/wpt/issues/7958#issuecomment-384413748'>https://github.com/web-platform-tests/wpt/issues/7958#issuecomment-384413748</a></span>
57+
<span>Response: <a href='https://github.com/web-platform-tests/wpt/issues/7958#issuecomment-385836225'>https://github.com/web-platform-tests/wpt/issues/7958#issuecomment-385836225</a></span>
58+
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/2614'>https://github.com/w3c/csswg-drafts/issues/2614</a></span>
59+
<span>Changes: <a href='https://hg.csswg.org/drafts/rev/fa5bc2b61b56'>https://hg.csswg.org/drafts/rev/fa5bc2b61b56</a></span>
60+
<span class="a">Closed: Accepted</span>
61+
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2018May/0029.html'>https://lists.w3.org/Archives/Public/www-style/2018May/0029.html</a> <a href="https://www.w3.org/Mail/flatten/index?subject=https%3A%2F%2Flists.w3.org%2FArchives%2FPublic%2Fwww-style/2018May/0029.html"><abbr title="Thread">&#x2208;</abbr></a></span></pre>
62+
<pre class=' a' id='issue-3'>
63+
<span>Issue 3. <a href='#issue-3'>#</a></span>
64+
<span>Summary: Fix applies-to lines for break-*</span>
65+
<span>From: Mats Palmgren</span>
66+
<span>Comment: <a href='https://github.com/w3c/csswg-drafts/issues/1904'>https://github.com/w3c/csswg-drafts/issues/1904</a></span>
67+
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/1904#issuecomment-414395314'>https://github.com/w3c/csswg-drafts/issues/1904#issuecomment-414395314</a></span>
68+
<span>Changes: <a href='https://github.com/w3c/csswg-drafts/commit/23d5a4c7b28f9767f7f7a621a7b895d4b858bbca'>https://github.com/w3c/csswg-drafts/commit/23d5a4c7b28f9767f7f7a621a7b895d4b858bbca</a></span>
69+
<span class="a">Closed: Accepted</span>
70+
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2018Aug/0023.html'>https://lists.w3.org/Archives/Public/www-style/2018Aug/0023.html</a> <a href="https://www.w3.org/Mail/flatten/index?subject=https%3A%2F%2Flists.w3.org%2FArchives%2FPublic%2Fwww-style/2018Aug/0023.html"><abbr title="Thread">&#x2208;</abbr></a></span></pre>
71+
<pre class='open ' id='issue-4'>
72+
<span>Issue 4. <a href='#issue-4'>#</a></span>
73+
<span>Summary: Clarify how inline-block may be not monolithic</span>
74+
<span>From: Koji Ishii</span>
75+
<span>Comment: <a href='https://github.com/w3c/csswg-drafts/issues/1111'>https://github.com/w3c/csswg-drafts/issues/1111</a></span>
76+
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/1111'>https://github.com/w3c/csswg-drafts/issues/1111</a></span>
77+
<span class="">Open: Accepted, awaiting confirmation</span>
78+
<span>Resolved: Editorial</span>
79+
<span>Verified:</span></pre>
80+
<pre class=' a' id='issue-5'>
81+
<span>Issue 5. <a href='#issue-5'>#</a></span>
82+
<span>Summary: Ruby containers are not monolithic</span>
83+
<span>From: Oriol Brufau</span>
84+
<span>Comment: <a href='https://github.com/w3c/csswg-drafts/issues/1474'>https://github.com/w3c/csswg-drafts/issues/1474</a></span>
85+
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/1474#issuecomment-414397077'>https://github.com/w3c/csswg-drafts/issues/1474#issuecomment-414397077</a></span>
86+
<span class="a">Closed: Accepted</span>
87+
<span>Resolved: Bugfix</span></pre>
88+
<pre class=' a' id='issue-6'>
89+
<span>Issue 6. <a href='#issue-6'>#</a></span>
90+
<span>Summary: Define empty fragment at fragmentainer boundary to stay on previous</span>
91+
<span>From: Morten Stenshorne</span>
92+
<span>Comment: <a href='https://github.com/w3c/csswg-drafts/issues/1529'>https://github.com/w3c/csswg-drafts/issues/1529</a></span>
93+
<span>Response:</span>
94+
<span class="a">Closed: Accepted</span>
95+
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2018Aug/0023.html'>https://lists.w3.org/Archives/Public/www-style/2018Aug/0023.html</a> <a href="https://www.w3.org/Mail/flatten/index?subject=https%3A%2F%2Flists.w3.org%2FArchives%2FPublic%2Fwww-style/2018Aug/0023.html"><abbr title="Thread">&#x2208;</abbr></a></span></pre>
96+
<script>
97+
(function () {
98+
var sheet = document.styleSheets[0];
99+
function addCheckbox(className) {
100+
var element = document.querySelector('*.' + className);
101+
var span = document.createElement('span');
102+
span.innerHTML = element.innerHTML;
103+
element.innerHTML = null;
104+
var check = document.createElement('input');
105+
check.type = 'checkbox';
106+
if (className == 'open') {
107+
check.checked = false;
108+
sheet.insertRule('pre:not(.open)' + '{}', sheet.cssRules.length);
109+
check.onchange = function (e) {
110+
rule.style.display = this.checked ? 'none' : 'block';
111+
}
112+
}
113+
else {
114+
check.checked = true;
115+
sheet.insertRule('pre.' + className + '{}', sheet.cssRules.length);
116+
check.onchange = function (e) {
117+
rule.style.display = this.checked ? 'block' : 'none';
118+
}
119+
}
120+
var rule = sheet.cssRules[sheet.cssRules.length - 1];
121+
element.appendChild(check);
122+
element.appendChild(span);
123+
}
124+
['a', 'd', 'fo', 'oi', 'r', 'open'].forEach(addCheckbox);
125+
}());
126+
</script>

0 commit comments

Comments
 (0)