Skip to content

Commit b35cbda

Browse files
committed
Implemented editorial changes from Alex's review http://lists.w3.org/Archives/Public/www-style/2012Feb/0001.html
1 parent baa63cd commit b35cbda

2 files changed

Lines changed: 102 additions & 109 deletions

File tree

css3-regions/Overview.html

Lines changed: 54 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -778,7 +778,8 @@ <h3 id=regions-flow-breaking-rules><span class=secno>2.3. </span>Regions
778778
element's content across column boxes (see <a href="#CSS3COL"
779779
rel=biblioentry>[CSS3COL]<!--{{CSS3COL}}--></a>). One difference is that
780780
page boxes are generated based on the available content whereas regions
781-
are a predefined set of recipient boxes for the named flow content.
781+
are a set of recipient boxes for the named flow content whose dynamic
782+
generation is not in the scope of this specification.
782783

783784
<p><span title=region>Regions</span> are organized in to a <span
784785
title=region-chain>region chain</span>.
@@ -956,10 +957,18 @@ <h3 id=the-flow-into-property><span class=secno>4.1. </span>The &lsquo;<a
956957
<p>will move all tables in the &lsquo;<code
957958
class=property>table-content</code>&rsquo; named flow. However, the</p>
958959

960+
<pre>table &gt; * {flow-into: table-content} ...</pre>
961+
962+
<p>selector will move all immediate children of all table elements into
963+
the ‘table-content’ named flow (which may be useful as it will
964+
usually result, if the immediate children are rows, in merging rows of
965+
multiple tables), but the</p>
966+
959967
<pre>table * {flow-into: table-content}</pre>
960968

961-
<p>selector will move all the descendants of table elements in the
962-
&lsquo;<code class=property>table-content</code>&rsquo; named flow. This
969+
<p>selector will move all descendants of table elements into the
970+
‘table-content’ named flow, transforming the element tree into a flat
971+
list in order of opening tags (which is probably not intentional). This
963972
will make all the descendants of table elements siblings in the named
964973
flow. Having the descendants become siblings in the named flow results in
965974
a different processing (see the <a
@@ -1149,39 +1158,6 @@ <h3 id=the-flow-from-property><span class=secno>4.2. </span>The &lsquo;<a
11491158
potentially impact the content laid out in regions, just as for
11501159
non-regions.
11511160

1152-
<div class=example>
1153-
<p>In the following example, the inline content coming from the <code
1154-
class=html>body_text</code> <a href="#named-flow0">named flow</a> wraps
1155-
around the <code class=html>#float</code> box.</p>
1156-
1157-
<pre>
1158-
&lt;style&gt;
1159-
#float {
1160-
float: left;
1161-
width: 100px;
1162-
height: 300px;
1163-
}
1164-
1165-
#region1, #region2 {
1166-
width: 200px;
1167-
height: 200px;
1168-
flow-from: body_text;
1169-
}
1170-
1171-
#content {
1172-
flow-into: body_text;
1173-
}
1174-
&lt;/style&gt;
1175-
1176-
&lt;div id="float"&gt;&lt;/div&gt;
1177-
1178-
&lt;div id="region1"&gt;&lt;/div&gt;
1179-
&lt;div id="region2"&gt;&lt;/div&gt;
1180-
1181-
&lt;div id="content"&gt;&lt;/div&gt;
1182-
</pre>
1183-
</div>
1184-
11851161
<h4 id=auto-width-on-regions><span class=secno>4.2.1. </span>Auto width on
11861162
regions</h4>
11871163

@@ -1218,8 +1194,7 @@ <h3 id=region-flow-break><span class=secno>4.3. </span>Region flow break
12181194

12191195
<p>Each break ends layout in the current region and causes remaining pieces
12201196
of content from the named flow to be visually formatted in the following
1221-
region in the region chain. Note that there is no region break in the last
1222-
region associated with a named flow.
1197+
region in the region chain, if there is one.
12231198

12241199
<p>The following extends the &lsquo;<a href="#break-before"><code
12251200
class=property>break-before</code></a>&rsquo;, &lsquo;<a
@@ -1385,6 +1360,13 @@ <h3 id=region-flow-break><span class=secno>4.3. </span>Region flow break
13851360
<h3 id=the-region-overflow-property><span class=secno>4.4. </span>The
13861361
region-overflow property</h3>
13871362

1363+
<div class=issue-marker data-bug_id=15878 data-bug_status=NEW> <a
1364+
href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15878">Bug-15878</a>
1365+
<div class=issue-details>
1366+
<p class=short-desc>region-overflow:nobreak</p>
1367+
</div>
1368+
</div>
1369+
13881370
<table class=propdef summary="break-after property definition">
13891371
<tbody>
13901372
<tr>
@@ -1928,8 +1910,8 @@ <h3 id=the-namedflow-interface><span class=secno>6.1. </span>The NamedFlow
19281910
</pre>
19291911

19301912
<p>The <dfn id=dom-namedflow-collection-length><code
1931-
class=idl>length</code></dfn> attribute value is the number of items in
1932-
the collection.
1913+
class=idl>length</code></dfn> attribute returns the number of items in the
1914+
collection.
19331915

19341916
<p>The <dfn id=dom-namedflow-collection-item><code
19351917
class=idl>item(index)</code></dfn> method returns the item at index
@@ -1940,6 +1922,14 @@ <h3 id=the-namedflow-interface><span class=secno>6.1. </span>The NamedFlow
19401922
interface offers a representation of the <a href="#named-flow0">named
19411923
flow</a>.
19421924

1925+
<div class=issue-marker data-bug_id=15879 data-bug_status=NEW> <a
1926+
href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15879">Bug-15879</a>
1927+
<div class=issue-details>
1928+
<p class=short-desc>getRegionsByContentNode and contentNodes: change
1929+
naming?</p>
1930+
</div>
1931+
</div>
1932+
19431933
<pre class=idl>
19441934
interface <a href="#dom-namedflow">NamedFlow</a> {
19451935
readonly attribute <a
@@ -1951,20 +1941,19 @@ <h3 id=the-namedflow-interface><span class=secno>6.1. </span>The NamedFlow
19511941
<a
19521942
href="http://www.w3.org/TR/DOM-Level-3-Core/core.html#ID-536297177">NodeList</a> getRegionsByContentNode(<a
19531943
href="http://www.w3.org/TR/DOM-Level-3-Core/core.html#ID-1950641247">Node</a> node);
1954-
};
19551944
};</pre>
19561945

19571946
<p>The <dfn id=dom-namedflow-name><code class=idl>name</code></dfn>
1958-
attribute value is the name of the <a href="#dom-namedflow"><code
1947+
attribute returns the name of the <a href="#dom-namedflow"><code
19591948
class=idl>NamedFlow</code></a> instance.
19601949

19611950
<p>The <dfn id=dom-namedflow-overflow><code class=idl>overflow</code></dfn>
1962-
attribute value is true if the named flow does not fully fit in the
1963-
associated regions. Otherwise, it is false. A <a
1951+
attribute returns true if the named flow does not fully fit in the
1952+
associated regions. Otherwise, it returns false. A <a
19641953
href="#dom-namedflow"><code class=idl>NamedFlow</code></a> object is live.
19651954

19661955
<p>The <dfn id=dom-namedflow-contentnodes>contentNodes</dfn> attribute
1967-
value is an ordered collection of nodes that constitute the named flow.
1956+
returns an ordered collection of nodes that constitute the named flow.
19681957
Note that this collection is live: every time it is queried it must return
19691958
the same object, and the object is always up to date.
19701959

@@ -2006,22 +1995,19 @@ <h3 id=extension-to-the-element-interface><span class=secno>6.2.
20061995
</pre>
20071996

20081997
<p>The <dfn id=dom-element-regionoverflow><code
2009-
class=idl>regionOverflow</code></dfn> attribute can take one of the
1998+
class=idl>regionOverflow</code></dfn> attribute returns one of the
20101999
following values:
20112000

20122001
<dl>
20132002
<dt>&lsquo;<a href="#dom-namedflow-overflow"><code
20142003
class=property>overflow</code></a>&rsquo;
20152004

2016-
<dd>the region element's content overflows the region's <a
2017-
href="http://www.w3.org/TR/CSS21/box.html#box-dimensions">content
2018-
box</a>. Note that the region's <a
2005+
<dd>the region is the last one in the <span title=region-chain>region
2006+
chain</span> and not able to fit the remaining content from the <a
2007+
href="#named-flow0">named flow</a>. Note that the region's <a
20192008
href="http://www.w3.org/TR/CSS21/visufx.html#overflow"><code
20202009
class=idl>overflow</code></a> property value can be used to control the
2021-
visibility of the overflowing content. This means that the region is the
2022-
last one in the <span title=region-chain>region chain</span> and not able
2023-
to fit the remaining content from the <a href="#named-flow0">named
2024-
flow</a>.
2010+
visibility of the overflowing content.
20252011

20262012
<dt>&lsquo;<code class=property>fit</code>&rsquo;
20272013

@@ -2047,6 +2033,17 @@ <h3 id=extension-to-the-element-interface><span class=secno>6.2.
20472033
<dd>The element is not a <span>region</span>.
20482034
</dl>
20492035

2036+
<p>Note that if there is no content in the named flow, all regions
2037+
associated with that named flow should have their &lsquo;<a
2038+
href="#dom-namedflow-overflow"><code
2039+
class=property>overflow</code></a>&rsquo; attribute return &lsquo;<code
2040+
class=property>empty</code>&rsquo;. If there is content in the flow but
2041+
that content does not generate any box for visual formatting, the
2042+
&lsquo;<a href="#dom-namedflow-overflow"><code
2043+
class=property>overflow</code></a>&rsquo; attribute on the first region in
2044+
the region chain associated with the flow will return &lsquo;<code
2045+
class=property>fit</code>&rsquo;.
2046+
20502047
<p>The <dfn id=dom-element-getregionflowranges>getRegionFlowRanges</dfn>
20512048
method returns an array of <a
20522049
href="http://www.w3.org/TR/DOM-Level-2-Traversal-Range/ranges.html#Level-2-Range-idl">
@@ -2227,6 +2224,10 @@ <h3 id="changes_from_June_09_2011"><span class=secno>10.1. </span>Changes
22272224

22282225
<li>Modified initial examples as per <a
22292226
href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15131">Bug 15131</a>
2227+
2228+
<li>Multiple editorial changes following <a
2229+
href="http://lists.w3.org/Archives/Public/www-style/2012Feb/0001.html">mailing
2230+
list review comments</a>
22302231
</ul>
22312232

22322233
<h3 id="changes_from_June_09_2011"><span class=secno>10.2. </span>Changes

0 commit comments

Comments
 (0)