Skip to content

Commit 69a557b

Browse files
committed
[css-break] Clarifications to monolithic breaking, update changes section.
1 parent d7a5eb4 commit 69a557b

3 files changed

Lines changed: 76 additions & 86 deletions

File tree

css-break/Overview.bs

Lines changed: 27 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -543,19 +543,6 @@ Rules for Breaking</h2>
543543
among the possible breaks that are allowed.
544544
</p>
545545

546-
<p>
547-
Some content is not fragmentable, for example many types of
548-
<a href="http://www.w3.org/TR/CSS21/conform.html#replaced-element">replaced elements</a> [[!CSS21]] (such as images or video),
549-
scrollable elements, or a single line of text content.
550-
Such content is considered <dfn>monolithic</dfn>:
551-
it contains no possible break points.
552-
In addition to any content which is not fragmentable,
553-
UAs may consider as <i>monolithic</i> any elements with
554-
'overflow' set to ''overflow/auto'' or ''overflow/scroll'' and
555-
any elements with ''overflow: hidden'' and a non-''height/auto''
556-
<a href="http://www.w3.org/TR/css3-writing-modes/#block-size">logical height</a>
557-
(and no specified maximum logical height).
558-
559546
<p>
560547
To guarantee progress, fragmentainers are assumend to have a minimum
561548
<i>block size</i> of 1px regardless of their used size.
@@ -610,28 +597,25 @@ Possible Break Points</h3>
610597
However, individual break points may be prioritized or de-prioritized
611598
by using the <a href="#breaking-controls">breaking controls</a>.
612599

613-
<p id=monolithic-breaking>
614-
The UA is not required to fragment the contents of <i>monolithic</i> elements,
615-
and may instead slice the element's graphical representation
616-
as necessary to fragment it.
617-
In this case it must treat the element as having ''break-inside: avoid'',
618-
i.e. only slice or overflow at the fragmentainer edge
619-
if there are no other <a href="#possible-breaks">possible break points</a>
620-
in the fragmentainer.
621-
</p>
622-
623-
<p>
624-
When fragmenting, if there are no possible break points below the top
625-
of the fragmentainer, and not all the content fits, the UA may break anywhere
626-
in order to avoid losing content off the edge of the fragmentainer.
627-
</p>
628-
629600
<p class="note">
630601
Other layout models may add breakpoints to the above classes.
631602
For example, [[CSS3-FLEXBOX]] adds certain points within a flex formatting context
632603
to classes A and C.
633604
</p>
634605

606+
<p>
607+
Some content is not fragmentable, for example many types of
608+
<a href="http://www.w3.org/TR/CSS21/conform.html#replaced-element">replaced elements</a> [[!CSS21]] (such as images or video),
609+
scrollable elements, or a single line of text content.
610+
Such content is considered <dfn>monolithic</dfn>:
611+
it contains no possible break points.
612+
In addition to any content which is not fragmentable,
613+
UAs may consider as <i>monolithic</i> any elements with
614+
'overflow' set to ''overflow/auto'' or ''overflow/scroll'' and
615+
any elements with ''overflow: hidden'' and a non-''height/auto''
616+
<a href="http://www.w3.org/TR/css3-writing-modes/#block-size">logical height</a>
617+
(and no specified maximum logical height).
618+
635619
<h3 id="break-types">
636620
Types of Breaks</h3>
637621

@@ -762,6 +746,16 @@ Unforced Breaks</h3>
762746
<p class="issue">This means that 'widows' and 'orphans' restrictions
763747
are given priority over the 'break-*' controls. Is this appropriate?
764748

749+
<p>
750+
Finally, if there are no possible break points below the top of the fragmentainer,
751+
and not all the content fits, the UA may break anywhere
752+
in order to avoid losing content off the edge of the fragmentainer.
753+
<span id="monolithic-breaking">
754+
In such cases, the UA may also fragment the contents of <i>monolithic</i> elements
755+
by slicing the element's graphical representation.
756+
</p>
757+
758+
765759
<h3 id="best-breaks">
766760
Optimizing Unforced Breaks</h3>
767761

@@ -1208,12 +1202,12 @@ Transforms, Positioning, and Pagination</h3>
12081202
Changes</h2>
12091203

12101204
<p>The following significant changes were made since the
1211-
<a href="http://www.w3.org/TR/2014/WD-css3-break-20140116/">16 January 2014 Working Draft</a>:
1205+
<a href="http://www.w3.org/TR/2015/WD-css3-break-20150129/">29 January 2015 Working Draft</a>:
12121206

12131207
<ul>
1214-
<li>Clarified behavior of fragmented transformed overflow.
1215-
<li>Clarified the behavior of fragmented 'border-radius' curves.
1216-
<li>Generalized "break anywhere to avoid overflow" rule to all fragmentation types.
1208+
<li>Defined that margins are also cloned for ''box-decoration-break: clone''.
1209+
<li>Corrected unforced breaking rules (Class A) to handle new break types
1210+
(original rules only handled page breaks).
12171211
</ul>
12181212

12191213
<h2 class="no-num" id="acknowledgments">

css-break/Overview.html

Lines changed: 32 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1047,20 +1047,6 @@ <h2 class="heading settled" data-level="4" id="breaking-rules"><span class="secn
10471047
</p>
10481048

10491049

1050-
<p>
1051-
Some content is not fragmentable, for example many types of
1052-
<a href="http://www.w3.org/TR/CSS21/conform.html#replaced-element">replaced elements</a> <a data-link-type="biblio" href="#biblio-css21">[CSS21]</a> (such as images or video),
1053-
scrollable elements, or a single line of text content.
1054-
Such content is considered <dfn data-dfn-type="dfn" data-noexport="" id="monolithic">monolithic<a class="self-link" href="#monolithic"></a></dfn>:
1055-
it contains no possible break points.
1056-
In addition to any content which is not fragmentable,
1057-
UAs may consider as <a data-link-type="dfn" href="#monolithic">monolithic</a> any elements with
1058-
<a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-overflow-3/#propdef-overflow">overflow</a> set to <a class="css" data-link-type="maybe" href="http://dev.w3.org/csswg/css-overflow-3/#valdef-overflow-auto">auto</a> or <a class="css" data-link-type="maybe" href="http://dev.w3.org/csswg/css-overflow-3/#valdef-overflow-scroll">scroll</a> and
1059-
any elements with <a class="css" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-overflow-3/#propdef-overflow">overflow: hidden</a> and a non-<span class="css">auto</span>
1060-
<a href="http://www.w3.org/TR/css3-writing-modes/#block-size">logical height</a>
1061-
(and no specified maximum logical height).
1062-
1063-
</p>
10641050
<p>
10651051
To guarantee progress, fragmentainers are assumend to have a minimum
10661052
<a data-link-type="dfn" href="http://dev.w3.org/csswg/css-writing-modes-3/#block-size">block size</a> of 1px regardless of their used size.
@@ -1143,31 +1129,27 @@ <h3 class="heading settled" data-level="4.1" id="possible-breaks"><span class="s
11431129
by using the <a href="#breaking-controls">breaking controls</a>.
11441130

11451131
</p>
1146-
<p id="monolithic-breaking">
1147-
The UA is not required to fragment the contents of <a data-link-type="dfn" href="#monolithic">monolithic</a> elements,
1148-
and may instead slice the element’s graphical representation
1149-
as necessary to fragment it.
1150-
In this case it must treat the element as having <a class="css" data-link-type="propdesc" href="#propdef-break-inside">break-inside: avoid</a>,
1151-
i.e. only slice or overflow at the fragmentainer edge
1152-
if there are no other <a href="#possible-breaks">possible break points</a>
1153-
in the fragmentainer.
1154-
</p>
1155-
1156-
1157-
<p>
1158-
When fragmenting, if there are no possible break points below the top
1159-
of the fragmentainer, and not all the content fits, the UA may break anywhere
1160-
in order to avoid losing content off the edge of the fragmentainer.
1161-
</p>
1162-
1163-
11641132
<p class="note" role="note">
11651133
Other layout models may add breakpoints to the above classes.
11661134
For example, <a data-link-type="biblio" href="#biblio-css3-flexbox">[CSS3-FLEXBOX]</a> adds certain points within a flex formatting context
11671135
to classes A and C.
11681136
</p>
11691137

1138+
1139+
<p>
1140+
Some content is not fragmentable, for example many types of
1141+
<a href="http://www.w3.org/TR/CSS21/conform.html#replaced-element">replaced elements</a> <a data-link-type="biblio" href="#biblio-css21">[CSS21]</a> (such as images or video),
1142+
scrollable elements, or a single line of text content.
1143+
Such content is considered <dfn data-dfn-type="dfn" data-noexport="" id="monolithic">monolithic<a class="self-link" href="#monolithic"></a></dfn>:
1144+
it contains no possible break points.
1145+
In addition to any content which is not fragmentable,
1146+
UAs may consider as <a data-link-type="dfn" href="#monolithic">monolithic</a> any elements with
1147+
<a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-overflow-3/#propdef-overflow">overflow</a> set to <a class="css" data-link-type="maybe" href="http://dev.w3.org/csswg/css-overflow-3/#valdef-overflow-auto">auto</a> or <a class="css" data-link-type="maybe" href="http://dev.w3.org/csswg/css-overflow-3/#valdef-overflow-scroll">scroll</a> and
1148+
any elements with <a class="css" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-overflow-3/#propdef-overflow">overflow: hidden</a> and a non-<span class="css">auto</span>
1149+
<a href="http://www.w3.org/TR/css3-writing-modes/#block-size">logical height</a>
1150+
(and no specified maximum logical height).
11701151

1152+
</p>
11711153
<h3 class="heading settled" data-level="4.2" id="break-types"><span class="secno">4.2. </span><span class="content">
11721154
Types of Breaks</span><a class="self-link" href="#break-types"></a></h3>
11731155

@@ -1346,7 +1328,18 @@ <h3 class="heading settled" data-level="4.4" id="unforced-breaks"><span class="s
13461328
<p class="issue" id="issue-bc51c50f"><a class="self-link" href="#issue-bc51c50f"></a>This means that <a class="property" data-link-type="propdesc" href="#propdef-widows">widows</a> and <a class="property" data-link-type="propdesc" href="#propdef-orphans">orphans</a> restrictions
13471329
are given priority over the <a class="property" data-link-type="propdesc">break-*</a> controls. Is this appropriate?
13481330

1349-
</p>
1331+
</p>
1332+
<p>
1333+
Finally, if there are no possible break points below the top of the fragmentainer,
1334+
and not all the content fits, the UA may break anywhere
1335+
in order to avoid losing content off the edge of the fragmentainer.
1336+
<span id="monolithic-breaking">
1337+
In such cases, the UA may also fragment the contents of <a data-link-type="dfn" href="#monolithic">monolithic</a> elements
1338+
by slicing the element’s graphical representation.
1339+
</span></p>
1340+
1341+
1342+
13501343
<h3 class="heading settled" data-level="4.5" id="best-breaks"><span class="secno">4.5. </span><span class="content">
13511344
Optimizing Unforced Breaks</span><a class="self-link" href="#best-breaks"></a></h3>
13521345

@@ -1956,16 +1949,15 @@ <h2 class="no-num heading settled" id="changes"><span class="content">
19561949

19571950

19581951
<p>The following significant changes were made since the
1959-
<a href="http://www.w3.org/TR/2014/WD-css3-break-20140116/">16 January 2014 Working Draft</a>:
1952+
<a href="http://www.w3.org/TR/2015/WD-css3-break-20150129/">29 January 2015 Working Draft</a>:
19601953

19611954
</p>
19621955
<ul>
19631956

1964-
<li>Clarified behavior of fragmented transformed overflow.
1965-
1966-
<li>Clarified the behavior of fragmented <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-radius">border-radius</a> curves.
1957+
<li>Defined that margins are also cloned for <a class="css" data-link-type="propdesc" href="#propdef-box-decoration-break">box-decoration-break: clone</a>.
19671958

1968-
<li>Generalized "break anywhere to avoid overflow" rule to all fragmentation types.
1959+
<li>Corrected unforced breaking rules (Class A) to handle new break types
1960+
(original rules only handled page breaks).
19691961

19701962
</ul>
19711963

@@ -2212,7 +2204,7 @@ <h3 class="no-num heading settled" id="index-defined-here"><span class="content"
22122204
<li>fragmented flow, <a href="#fragmented-flow">2</a>
22132205
<li>left, <a href="#valdef-break-before-left">3.1</a>
22142206
<li>line break, <a href="#line-break">4.2</a>
2215-
<li>monolithic, <a href="#monolithic">4</a>
2207+
<li>monolithic, <a href="#monolithic">4.1</a>
22162208
<li>orphans, <a href="#propdef-orphans">3.3</a>
22172209
<li>page, <a href="#valdef-break-before-page">3.1</a>
22182210
<li>page break, <a href="#page-break">4.2</a>
@@ -2418,6 +2410,6 @@ <h2 class="no-num heading settled" id="issues-index"><span class="content">Issue
24182410
<div class="issue">This means that <a class="property" data-link-type="propdesc" href="#propdef-widows">widows</a> and <a class="property" data-link-type="propdesc" href="#propdef-orphans">orphans</a> restrictions
24192411
are given priority over the <a class="property" data-link-type="propdesc">break-*</a> controls. Is this appropriate?
24202412

2421-
<a href="#issue-bc51c50f"></a></div>
2413+
<a href="#issue-bc51c50f"></a></div>
24222414
</div></body>
24232415
</html>

css-break/issues-lc-2015.txt

Lines changed: 17 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ Draft: http://www.w3.org/TR/2015/WD-css3-break-20150129/
22
Title: CSS Fragmentation Level 3
33

44
----
5-
Issue 2.
5+
Issue 1.
66
Summary: Clarify slicing requirements for monolithic elements
77
From: Håkon Wium Lie
88
Comment: http://www.w3.org/mid/21703.26184.790775.276339@opera.com
@@ -39,16 +39,16 @@ Resolved:
3939
Issue 5.
4040
Summary: Grammatical errors
4141
From: Brady Duga
42-
Comment: http://www.w3.org/mid/CAKpG1kH+JX=fWrcTb_vKhnbPfR5YaNWpaichmLkCoQoMJxh94w@mail.gmail.com
43-
Response:
42+
Comment: https://lists.w3.org/Archives/Public/www-style/2015Mar/0380.html
43+
Response: https://lists.w3.org/Archives/Public/www-style/2015May/0214.html
4444
Closed: Accepted
4545
Resolved: Editorial
4646
----
4747
Issue 6.
4848
Summary: Confusion on break types wrt nested flows
4949
From: Brady Duga
5050
Comment: http://www.w3.org/mid/CAKpG1kGBU1qNTLsM0xhBesEYCfY+ABbZY2SbTU-e+2HeA9X5Ug@mail.gmail.com
51-
Response:
51+
Response: https://lists.w3.org/Archives/Public/www-style/2015May/0218.html
5252
Closed: Accepted
5353
Resolved: Editorial
5454
----
@@ -64,32 +64,33 @@ Issue 8.
6464
Summary: Multiple principal boxes problematic
6565
From: Brady Duga
6666
Comment: http://www.w3.org/mid/CAKpG1kEp8+sfnrNkbuab5sH=HnPiPv3MHg5SQ8Ou=OK1iXy7Hw@mail.gmail.com
67-
Response:
67+
Response: https://lists.w3.org/Archives/Public/www-style/2015May/0215.html
6868
Closed: Invalid
6969
Resolved: Editor's discretion
7070
----
7171
Issue 9.
7272
Summary: Page progression undefined
7373
From: Brady Duga
7474
Comment: http://www.w3.org/mid/CAKpG1kG-TbN_pbHY_4QdvdauiG8=nrTu1NEx56vTaGNcWUxaRw@mail.gmail.com
75-
Response:
75+
Response: https://lists.w3.org/Archives/Public/www-style/2015May/0216.html
7676
Closed: Accepted
7777
Resolved: Editorial
7878
----
7979
Issue 10.
8080
Summary: Multiple avoidances
8181
From: Brady Duga
8282
Comment: http://www.w3.org/mid/CAKpG1kGQucyO-9x=zK4d1u=hK1C_yGrn9yhAJf+SGuYPm37W-w@mail.gmail.com
83-
Response:
84-
Open
85-
Resolved: =Agenda=
83+
Response: https://lists.w3.org/Archives/Public/www-style/2015May/0217.html
84+
Response: https://lists.w3.org/Archives/Public/www-style/2015Jul/0228.html
85+
Closed: Deferred
86+
Resolved: https://lists.w3.org/Archives/Public/www-style/2015May/0279.html
8687
----
8788
Issue 11.
8889
Summary: Breaking rules too specifically defined
8990
From: Brady Duga
9091
Comment: http://www.w3.org/mid/CAKpG1kFESW0OmVKi8qJ7FGKPG9g1+h-f2rW6JqxFBawrH+4Egw@mail.gmail.com
91-
Response:
92-
Open
92+
Response: https://lists.w3.org/Archives/Public/www-style/2015Jul/0229.html
93+
Closed: Accepted
9394
Resolved: Bugfix
9495
----
9596
Issue 12.
@@ -104,8 +105,11 @@ Issue 13.
104105
Summary: box-decoration-break and margins
105106
From: Håkon Wium Lie
106107
Comment: http://www.w3.org/mid/826769891.862609.1428367549875.JavaMail.yahoo@mail.yahoo.com%28sfid-20150407_103540_382741_CD8ECAC2%29
107-
Response:
108+
Response: https://lists.w3.org/Archives/Public/www-style/2015Jul/0230.html
108109
Open
109110
Resolved: =Agenda=
110111
----
111-
112+
Issue 14.
113+
Summary: Drop cloned margins/padding/border if running out of space
114+
From: Rossen Atanassov
115+
Comment: https://lists.w3.org/Archives/Public/www-style/2015May/0279.html

0 commit comments

Comments
 (0)