Skip to content

Commit 53cc05a

Browse files
author
ratan@microsoft.com
committed
[css-regions] Clarifying the containing model of regions as it applies to fixed
and absolutely positioned elements.
1 parent b257e4f commit 53cc05a

2 files changed

Lines changed: 31 additions & 44 deletions

File tree

css-regions/Overview.html

Lines changed: 20 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
rel=dcterms.rights>
1313
<meta content="CSS Regions Module Level 1" name=dcterms.title>
1414
<meta content=text name=dcterms.type>
15-
<meta content=2013-11-28 name=dcterms.date>
15+
<meta content=2014-01-14 name=dcterms.date>
1616
<meta content="Vincent Hardy" name=dcterms.creator>
1717
<meta content="Rossen Atanassov" name=dcterms.creator>
1818
<meta content="Alan Stearns" name=dcterms.creator>
@@ -46,8 +46,8 @@
4646

4747
<h1 id=css-regions-module>CSS Regions Module Level 1</h1>
4848

49-
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 28 November
50-
2013</h2>
49+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 14 January
50+
2014</h2>
5151

5252
<dl>
5353
<dt>This version:
@@ -107,7 +107,7 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 28 November
107107
<!--begin-copyright-->
108108
<p class=copyright><a
109109
href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
110-
rel=license>Copyright</a> © 2013 <a href="http://www.w3.org/"><abbr
110+
rel=license>Copyright</a> © 2014 <a href="http://www.w3.org/"><abbr
111111
title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a
112112
href="http://www.csail.mit.edu/"><abbr
113113
title="Massachusetts Institute of Technology">MIT</abbr></a>, <a
@@ -751,22 +751,17 @@ <h3 id=the-flow-into-property><span class=secno>3.1. </span>The ‘<a
751751
content in the named flow as input, rather than the contents’ position
752752
in the DOM.
753753

754-
<p>The edges of the first <a href="#css-region">CSS Region</a> in a region
755-
chain associated with a <a href="#named-flow0">named flow</a> establish
756-
the rectangle that is the <a
757-
href="http://www.w3.org/TR/CSS2/visudet.html#containing-block-details">containing
758-
block</a> used for absolutely positioned elements in the <a
759-
href="#named-flow0">named flow</a> which do not have an ancestor with a
760-
<code class=property>position</code>’ of ‘<code
761-
class=property>absolute</code>’, ‘<code
762-
class=property>relative</code>’ or ‘<code
763-
class=property>fixed</code>’ (see <a href="#ref-CSS21"
764-
rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>). That first <a
765-
href="#css-region">CSS Region</a> rectangle is used as the containing
766-
block instead of the initial containing block. This does not affect fixed
767-
position elements in the <a href="#named-flow0">named flow</a> - they are
768-
still positioned relative to the viewport or page area even if they have
769-
been redirected to a named flow.
754+
<p>Each <span>region</span> in a <a href="#region-chain0">region chain</a>
755+
establishes a containing block for absolutely positioned elements in the
756+
<a href="#named-flow0">named flow</a> (see <a href="#ref-CSS21"
757+
rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>). That first
758+
<span>region</span> in a <a href="#region-chain0">region chain</a>
759+
establishes the initial containing block for such absolutely positioned
760+
elements. <span>Regions</span> don't establish a containing block for
761+
fixed positioned elements in the <a href="#named-flow0">named flow</a>.
762+
Such fixed positioned elements are still positioned relative to the
763+
viewport or the page area even if they have been redirected into a named
764+
flow.
770765

771766
<p>The first region defines the principal <a
772767
href="http://www.w3.org/TR/css3-writing-modes/#writing-mode1">writing
@@ -3116,11 +3111,11 @@ <h3 class=no-num id=normative-references>Normative references</h3>
31163111

31173112
<dt id=ref-DOM-LEVEL-3-EVENTS>[DOM-LEVEL-3-EVENTS]
31183113

3119-
<dd>Travis Leithead; et al. <a
3120-
href="http://www.w3.org/TR/2012/WD-DOM-Level-3-Events-20120906/"><cite>Document
3121-
Object Model (DOM) Level 3 Events Specification.</cite></a> 6 September
3122-
2012. W3C Working Draft. (Work in progress.) URL: <a
3123-
href="http://www.w3.org/TR/2012/WD-DOM-Level-3-Events-20120906/">http://www.w3.org/TR/2012/WD-DOM-Level-3-Events-20120906/</a>
3114+
<dd>Gary Kacmarcik; et al. <a
3115+
href="http://www.w3.org/TR/2013/WD-DOM-Level-3-Events-20131105/"><cite>Document
3116+
Object Model (DOM) Level 3 Events Specification.</cite></a> 5 November
3117+
2013. W3C Working Draft. (Work in progress.) URL: <a
3118+
href="http://www.w3.org/TR/2013/WD-DOM-Level-3-Events-20131105/">http://www.w3.org/TR/2013/WD-DOM-Level-3-Events-20131105/</a>
31243119
</dd>
31253120
<!---->
31263121

css-regions/Overview.src.html

Lines changed: 11 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -544,25 +544,17 @@ <h3 id="the-flow-into-property">The 'flow-into' property</h3>
544544
in the DOM.
545545
</p>
546546

547-
<p>The edges of the first <span>CSS Region</span> in a region chain
548-
associated with a <span>named flow</span>
549-
establish the rectangle that is the
550-
<a href="http://www.w3.org/TR/CSS2/visudet.html#containing-block-details">containing block</a>
551-
used for absolutely positioned elements
552-
in the <span>named flow</span>
553-
which do not have an ancestor
554-
with a 'position' of 'absolute', 'relative' or 'fixed'
555-
(see [[!CSS21]]).
556-
That first <span>CSS Region</span> rectangle is used
557-
as the containing block
558-
instead of the initial containing block.
559-
This does not affect
560-
fixed position elements
561-
in the <span>named flow</span> -
562-
they are still positioned relative
563-
to the viewport or page area even if
564-
they have been redirected
565-
to a named flow.</p>
547+
<p>Each <span>region</span> in a <span>region chain</span>
548+
establishes a containing block for absolutely positioned
549+
elements in the <span>named flow</span> (see [[!CSS21]]).
550+
That first <span>region</span> in a <span>region chain</span>
551+
establishes the initial containing block for such absolutely
552+
positioned elements.
553+
<span>Regions</span> don't establish a containing block for
554+
fixed positioned elements in the <span>named flow</span>.
555+
Such fixed positioned elements are still positioned relative
556+
to the viewport or the page area even if they have been
557+
redirected into a named flow.</p>
566558

567559
<p>The first region defines the principal
568560
<a href="http://www.w3.org/TR/css3-writing-modes/#writing-mode1">writing mode</a>

0 commit comments

Comments
 (0)