Skip to content

Commit dd21c90

Browse files
committed
Move Chris Marrin and Dave Hyatt to Former Editors (with their approval).
Fix https://www.w3.org/Bugs/Public/show_bug.cgi?id=17521, adding text about treatment of background-attachment: fixed on elements affected by transforms. Made the paragraph about fixed backgrounds on a transformed root a note, since it's explanatory. --HG-- extra : rebase_source : a678ff2dfbdb3dae91650eefbd2c61b4aedd0608
1 parent d9b40f3 commit dd21c90

3 files changed

Lines changed: 71 additions & 46 deletions

File tree

css3-transforms/ChangeLog

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,10 @@
1+
2012-07-12 simon.fraser@apple.com
2+
Move Chris Marrin and Dave Hyatt to Former Editors (with their approval).
3+
Fix https://www.w3.org/Bugs/Public/show_bug.cgi?id=17521, adding text about treatment
4+
of background-attachment: fixed on elements affected by transforms.
5+
Made the paragraph about fixed backgrounds on a transformed root a note, since it's
6+
explanatory.
7+
18
2012-06-12 ayg@aryeh.name
29
Typo/grammar fix
310

css3-transforms/Overview.html

Lines changed: 45 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -39,14 +39,14 @@
3939

4040
<h1>CSS Transforms</h1>
4141

42-
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 16 June 2012</h2>
42+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 12 July 2012</h2>
4343

4444
<dl>
4545
<dt>This version:
4646

4747
<dd> <a
48-
href="http://www.w3.org/TR/2012/ED-css3-transforms-20120616/">http://dev.w3.org/csswg/css3-transforms/</a>
49-
<!--http://www.w3.org/TR/2012/WD-css3-transforms-20120616/-->
48+
href="http://www.w3.org/TR/2012/ED-css3-transforms-20120712/">http://dev.w3.org/csswg/css3-transforms/</a>
49+
<!--http://www.w3.org/TR/2012/WD-css3-transforms-20120712/-->
5050

5151
<dt>Latest version:
5252

@@ -74,12 +74,6 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 16 June 2012</h2>
7474
<dd>Dean Jackson (<a href="http://www.apple.com/">Apple Inc</a>) &lt;dino
7575
@apple.com&gt;
7676

77-
<dd>David Hyatt (<a href="http://www.apple.com/">Apple Inc</a>) &lt;hyatt
78-
@apple.com&gt;
79-
80-
<dd>Chris Marrin (<a href="http://www.apple.com/">Apple Inc</a>)
81-
&lt;cmarrin @apple.com&gt;
82-
8377
<dd>Edward O'Connor (<a href="http://www.apple.com/">Apple Inc</a>)
8478
&lt;eoconnor @apple.com&gt;
8579

@@ -89,6 +83,14 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 16 June 2012</h2>
8983
<dd>Aryeh Gregor (<a href="http://www.mozilla.org/">Mozilla</a>) &lt;ayg
9084
@aryeh.name&gt;
9185

86+
<dt id=editors-list>Former Editors:
87+
88+
<dd>David Hyatt (<a href="http://www.apple.com/">Apple Inc</a>) &lt;hyatt
89+
@apple.com&gt;
90+
91+
<dd>Chris Marrin (<a href="http://www.apple.com/">Apple Inc</a>)
92+
&lt;cmarrin @apple.com&gt;
93+
9294
<dt>Issues list:
9395

9496
<dd><a
@@ -417,7 +419,13 @@ <h2 id=module-interactions><span class=secno>2. </span>Module Interactions</h2>
417419
elements, and thus override the back-to-front painting order described in
418420
<a href="http://www.w3.org/TR/CSS2/zindex.html"
419421
title="Elaborate description of Stacking Contexts">Appendix E</a> of <a
420-
href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>.</p>
422+
href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>.
423+
424+
<p> Transforms affect the rendering of backgounds on elements with a value
425+
of <code>fixed</code> for the <code><a
426+
href="http://www.w3.org/TR/css3-background/#the-background-attachment">background-attachment</a></code>
427+
property, which is specified in <a href="#CSS3BG"
428+
rel=biblioentry>[CSS3BG]<!--{{!CSS3BG}}--></a>.</p>
421429
<!-- Probably need more here. -->
422430

423431
<h2 id=css-values><span class=secno>3. </span>CSS Values</h2>
@@ -747,27 +755,26 @@ <h2 id=transform-rendering><span class=secno>6. </span>The Transform
747755
go into more detail here about why fixed positioned objects should do
748756
this, i.e., that it's much harder to implement otherwise.
749757

750-
<p> <a href="http://dev.w3.org/csswg/css3-background/#fixed0">Fixed
751-
backgrounds</a> are affected by any transform specified for the root
752-
element, and not by any other transforms.
753-
754-
<p class=note> Thus an element with a fixed background still acts like a
755-
"porthole" into an image that's fixed to the viewport, and transforms on
756-
the element affect the porthole, not the background behind it. On the
757-
other hand, transforming the root element will still transform everything
758-
on the page, rather than everything except for fixed backgrounds.
759-
760-
<p> If the root element is transformed, the transformation applies to the
761-
entire canvas, including any background specified for the root element.
762-
Since <a
763-
href="http://dev.w3.org/csswg/css3-background/#special-backgrounds">the
758+
<p> <a href="http://www.w3.org/TR/css3-background/#fixed0">Fixed
759+
backgrounds</a> on the root element are affected by any transform
760+
specified for that element. For all other elements that are effected by a
761+
transform (i.e. have a transform applied to them, or to any of their
762+
ancestor elements), a value of <code>fixed</code> for the
763+
<code>background-attachment</code> property is treated as if it had a
764+
value of <code>scroll</code>.
765+
<!-- does this affect the computed style of background-attachment? -->
766+
767+
<p class=note> If the root element is transformed, the transformation
768+
applies to the entire canvas, including any background specified for the
769+
root element. Since <a
770+
href="http://www.w3.org/TR/css3-background/#special-backgrounds"> the
764771
background painting area for the root element</a> is the entire canvas,
765772
which is infinite, the transformation might cause parts of the background
766773
that were originally off-screen to appear. For example, if the root
767-
element's background were repeating dots, and a transformation of<code
768-
class=css>scale(0.5)</code> were specified on the root element, the
769-
dots would shrink to half their size, but there will be twice as many, so
770-
they still cover the whole viewport.
774+
element's background were repeating dots, and a transformation of
775+
<code>scale(0.5)</code> were specified on the root element, the dots would
776+
shrink to half their size, but there will be twice as many, so they still
777+
cover the whole viewport.
771778

772779
<h3 id=transform-3d-rendering><span class=secno>6.1. </span>3D Transform
773780
Rendering</h3>
@@ -3329,6 +3336,16 @@ <h3 class=no-num id=normative-references>Normative references</h3>
33293336
href="http://www.w3.org/TR/2011/REC-CSS2-20110607">http://www.w3.org/TR/2011/REC-CSS2-20110607</a>
33303337
</dd>
33313338
<!---->
3339+
3340+
<dt id=CSS3BG>[CSS3BG]
3341+
3342+
<dd>Bert Bos; Elika J. Etemad; Brad Kemper. <a
3343+
href="http://www.w3.org/TR/2012/CR-css3-background-20120417/"><cite>CSS
3344+
Backgrounds and Borders Module Level 3.</cite></a> 17 April 2012. W3C
3345+
Candidate Recommendation. (Work in progress.) URL: <a
3346+
href="http://www.w3.org/TR/2012/CR-css3-background-20120417/">http://www.w3.org/TR/2012/CR-css3-background-20120417/</a>
3347+
</dd>
3348+
<!---->
33323349
</dl>
33333350
<!--end-normative-->
33343351

css3-transforms/Transforms.src.html

Lines changed: 19 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -49,12 +49,14 @@ <h2 class="no-num no-toc">[LONGSTATUS] [DATE]</h2>
4949
<dt id="editors-list">Editors:
5050
<dd>Simon Fraser (<a href="http://www.apple.com/">Apple Inc</a>) &lt;simon.fraser &#64;apple.com&gt;
5151
<dd>Dean Jackson (<a href="http://www.apple.com/">Apple Inc</a>) &lt;dino &#64;apple.com&gt;
52-
<dd>David Hyatt (<a href="http://www.apple.com/">Apple Inc</a>) &lt;hyatt &#64;apple.com&gt;
53-
<dd>Chris Marrin (<a href="http://www.apple.com/">Apple Inc</a>) &lt;cmarrin &#64;apple.com&gt;
5452
<dd>Edward O'Connor (<a href="http://www.apple.com/">Apple Inc</a>) &lt;eoconnor &#64;apple.com&gt;
5553
<dd>Dirk Schulze (<a href="http://www.adobe.com/">Adobe Systems, Inc</a>) &lt;dschulze &#64;adobe.com&gt;
5654
<dd>Aryeh Gregor (<a href="http://www.mozilla.org/">Mozilla</a>) &lt;ayg &#64;aryeh.name&gt;
5755

56+
<dt id="editors-list">Former Editors:
57+
<dd>David Hyatt (<a href="http://www.apple.com/">Apple Inc</a>) &lt;hyatt &#64;apple.com&gt;
58+
<dd>Chris Marrin (<a href="http://www.apple.com/">Apple Inc</a>) &lt;cmarrin &#64;apple.com&gt;
59+
5860
<dt>Issues list:
5961
<dd><a href="https://www.w3.org/Bugs/Public/buglist.cgi?query_format=advanced&amp;product=CSS&amp;component=Transforms&amp;resolution=---&amp;cmdtype=doit">in Bugzilla</a>
6062

@@ -154,6 +156,11 @@ <h2 id="module-interactions">Module Interactions</h2>
154156
Three-dimensional transforms can also affect the visual layering of elements, and thus override the back-to-front
155157
painting order described in <a href="http://www.w3.org/TR/CSS2/zindex.html" title="Elaborate description of Stacking Contexts">Appendix E</a> of [[!CSS21]].
156158
</p>
159+
<p>
160+
Transforms affect the rendering of backgounds on elements with a value of <code>fixed</code> for the
161+
<code><a href="http://www.w3.org/TR/css3-background/#the-background-attachment">background-attachment</a></code> property,
162+
which is specified in [[!CSS3BG]].
163+
</p>
157164
<!-- Probably need more here. -->
158165

159166
<h2 id="css-values">CSS Values</h2>
@@ -455,29 +462,23 @@ <h2 id="transform-rendering">The Transform Rendering Model</h2>
455462
implement otherwise.
456463
</p>
457464
<p>
458-
<a href="http://dev.w3.org/csswg/css3-background/#fixed0">Fixed backgrounds</a>
459-
are affected by any transform specified for the root element, and not by any other
460-
transforms.
465+
<a href="http://www.w3.org/TR/css3-background/#fixed0">Fixed backgrounds</a>
466+
on the root element are affected by any transform specified for that element.
467+
For all other elements that are effected by a transform (i.e. have a transform
468+
applied to them, or to any of their ancestor elements), a value
469+
of <code>fixed</code> for the <code>background-attachment</code> property is
470+
treated as if it had a value of <code>scroll</code>.
471+
<!-- does this affect the computed style of background-attachment? -->
461472
</p>
462473
<p class="note">
463-
Thus an element with a fixed background still acts like a
464-
"porthole" into an image that's fixed to the viewport, and
465-
transforms on the element affect the porthole, not the
466-
background behind it. On the other hand, transforming the root
467-
element will still transform everything on the page, rather
468-
than everything except for fixed backgrounds.
469-
</p>
470-
<p>
471474
If the root element is transformed, the transformation applies
472475
to the entire canvas, including any background specified for
473-
the root element. Since
474-
<a href="http://dev.w3.org/csswg/css3-background/#special-backgrounds">the
475-
background painting area for the root element</a> is the entire
476+
the root element. Since <a href="http://www.w3.org/TR/css3-background/#special-backgrounds">
477+
the background painting area for the root element</a> is the entire
476478
canvas, which is infinite, the transformation might cause parts
477479
of the background that were originally off-screen to appear.
478480
For example, if the root element's background were repeating
479-
dots, and a transformation of
480-
''scale(0.5)'' were specified on the
481+
dots, and a transformation of <code>scale(0.5)</code> were specified on the
481482
root element, the dots would shrink to half their size, but
482483
there will be twice as many, so they still cover the whole
483484
viewport.

0 commit comments

Comments
 (0)