[css-transitions] Note issue with wording of previous large edit.

Author: dbaron

css-transitions/Overview.html

@@ -10,7 +10,7 @@
    rel=dcterms.rights>
   <meta content="CSS Transitions" name=dcterms.title>
   <meta content=text name=dcterms.type>
-  <meta content=2013-09-10 name=dcterms.date>
+  <meta content=2013-10-22 name=dcterms.date>
   <meta content="L. David Baron" name=dcterms.creator>
   <meta content=W3C name=dcterms.publisher>
   <meta content="http://dev.w3.org/csswg/css3-transitions/"
@@ -40,8 +40,7 @@
 
    <h1>CSS Transitions</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 10 September
-    2013</h2>
+   <h2 class="no-num no-toc">Editor's Draft 22 October 2013</h2>
 
    <dl>
     <dt>This version:
@@ -352,7 +351,7 @@ <h2 id=transitions><span class=secno>2. </span><a
    For information on how to avoid content that can lead to seizures, see <a
    href="http://www.w3.org/TR/WCAG20/#seizure">Guideline 2.3: Seizures: Do
    not design content in a way that is known to cause seizures</a> (<a
-   href="#WCAG20" rel=biblioentry>[WCAG20]<!--{{WCAG20}}--></a>).</p>
+   href="#ref-WCAG20" rel=biblioentry>[WCAG20]<!--{{WCAG20}}--></a>).</p>
   <!-- ======================================================================================================= -->
 
   <h3 id=transition-property-property><span class=secno>2.1. </span><a
@@ -974,17 +973,20 @@ <h2 id=starting><span class=secno>3. </span> Starting of transitions</h2>
    id=before-change-style>before-change style</dfn> as the computed style for
    the element as of the previous <a href="#style-change-event">style change
    event</a>, except with any styles derived from declarative animations such
-   as CSS Transitions, CSS Animations (<a href="#CSS3-ANIMATIONS"
+   as CSS Transitions, CSS Animations (<a href="#ref-CSS3-ANIMATIONS"
    rel=biblioentry>[CSS3-ANIMATIONS]<!--{{CSS3-ANIMATIONS}}--></a>), and SMIL
-   Animations (<a href="#SMIL-ANIMATION"
+   Animations (<a href="#ref-SMIL-ANIMATION"
    rel=biblioentry>[SMIL-ANIMATION]<!--{{SMIL-ANIMATION}}--></a>, <a
-   href="#SVG11" rel=biblioentry>[SVG11]<!--{{SVG11}}--></a>) updated to the
-   current time. Likewise, define the <dfn id=after-change-style>after-change
-   style</dfn> as the computed style for the element based on the information
-   known at the start of that <a href="#style-change-event">style change
-   event</a>, in other words, excluding any changes resulting from CSS
-   Transitions that start during that <a href="#style-change-event">style
-   change event</a>.
+   href="#ref-SVG11" rel=biblioentry>[SVG11]<!--{{SVG11}}--></a>) updated to
+   the current time. Likewise, define the <dfn
+   id=after-change-style>after-change style</dfn> as the computed style for
+   the element based on the information known at the start of that <a
+   href="#style-change-event">style change event</a>, in other words,
+   excluding any changes resulting from CSS Transitions that start during
+   that <a href="#style-change-event">style change event</a>.
+
+  <p class=issue> This wording needs to handle already-running transitions
+   better!
 
   <div class=note>
    <p> Note that this definition of the <a
@@ -999,7 +1001,8 @@ <h2 id=starting><span class=secno>3. </span> Starting of transitions</h2>
 
    <p> When this happens, both transitions will run, and the transition on
     the descendant will override the transition on the ancestor because of
-    the normal CSS cascading and inheritance rules (<a href="#CSS3CASCADE"
+    the normal CSS cascading and inheritance rules (<a
+    href="#ref-CSS3CASCADE"
     rel=biblioentry>[CSS3CASCADE]<!--{{CSS3CASCADE}}--></a>).
 
    <p> If the transition on the descendant completes before the transition on
@@ -1067,7 +1070,7 @@ <h2 id=application><span class=secno>4. </span> Application of transitions</h2>
   <p> When a property on an element is undergoing a transition (that is, when
    or after the transition has started and before the <a href="#end-time">end
    time</a> of the transition) the transition adds a style to the CSS cascade
-   at the level defined for CSS Transitions in <a href="#CSS3CASCADE"
+   at the level defined for CSS Transitions in <a href="#ref-CSS3CASCADE"
    rel=biblioentry>[CSS3CASCADE]<!--{{CSS3CASCADE}}--></a>.
 
   <p class=note> Note that this means that computed values resulting from CSS
@@ -1077,7 +1080,7 @@ <h2 id=application><span class=secno>4. </span> Application of transitions</h2>
 
   <p> Implementations must add this value to the cascade if and only if that
    property is not currently undergoing a CSS Animation (<a
-   href="#CSS3-ANIMATIONS"
+   href="#ref-CSS3-ANIMATIONS"
    rel=biblioentry>[CSS3-ANIMATIONS]<!--{{CSS3-ANIMATIONS}}--></a>) on the
    same element.
 
@@ -1379,7 +1382,7 @@ <h2 id=animatable-types><span class=secno>7. </span><a
    <li id=animtype-gradient> <strong>gradient</strong>: interpolated via the
     positions and colors of each stop. They must have the same type (radial
     or linear) and same number of stops in order to be animated. <span
-    class=note>Note: <a href="#CSS3-IMAGES"
+    class=note>Note: <a href="#ref-CSS3-IMAGES"
     rel=biblioentry>[CSS3-IMAGES]<!--{{CSS3-IMAGES}}--></a> may extend this
     definition.</span>
 
@@ -1437,8 +1440,9 @@ <h2 id=animatable-properties><span class=secno>8. </span><a
    the definition of animation behavior in a more appropriate location,
    future CSS specifications should include an "Animatable:" line in the
    summary of the property's definition (in addition to the other lines
-   described in <a href="#CSS21" rel=biblioentry>[CSS21]<!--{{CSS21}}--></a>,
-   <a href="http://www.w3.org/TR/CSS21/about.html#property-defs">section
+   described in <a href="#ref-CSS21"
+   rel=biblioentry>[CSS21]<!--{{CSS21}}--></a>, <a
+   href="http://www.w3.org/TR/CSS21/about.html#property-defs">section
    1.4.2</a>). This line should say "no" to indicate that a property cannot
    be animated or should reference an animation behavior (which may be one of
    the behaviors in the <a href="#animation-of-property-types-">Animation of
@@ -1450,9 +1454,9 @@ <h3 id=animatable-css><span class=secno>8.1. </span><a
    id=properties-from-css-> Properties from CSS </a></h3>
 
   <p> The following definitions define the animation behavior for properties
-   in CSS Level 2 Revision 1 (<a href="#CSS21"
+   in CSS Level 2 Revision 1 (<a href="#ref-CSS21"
    rel=biblioentry>[CSS21]<!--{{CSS21}}--></a>) and in Level 3 of the CSS
-   Color Module (<a href="#CSS3COLOR"
+   Color Module (<a href="#ref-CSS3COLOR"
    rel=biblioentry>[CSS3COLOR]<!--{{CSS3COLOR}}--></a>).
 
   <table class=animatable-properties>
@@ -1819,7 +1823,7 @@ <h3 class=no-num id=other-references>Other references</h3>
    <dd style="display: none"><!-- keeps the doc valid if the DL is empty -->
     <!---->
 
-   <dt id=CSS21>[CSS21]
+   <dt id=ref-CSS21>[CSS21]
 
    <dd>Bert Bos; et al. <a
     href="http://www.w3.org/TR/2011/REC-CSS2-20110607"><cite>Cascading Style
@@ -1829,7 +1833,7 @@ <h3 class=no-num id=other-references>Other references</h3>
    </dd>
    <!---->
 
-   <dt id=CSS3-ANIMATIONS>[CSS3-ANIMATIONS]
+   <dt id=ref-CSS3-ANIMATIONS>[CSS3-ANIMATIONS]
 
    <dd>Dean Jackson; et al. <a
     href="http://www.w3.org/TR/2013/WD-css3-animations-20130219/"><cite>CSS
@@ -1839,7 +1843,7 @@ <h3 class=no-num id=other-references>Other references</h3>
    </dd>
    <!---->
 
-   <dt id=CSS3-IMAGES>[CSS3-IMAGES]
+   <dt id=ref-CSS3-IMAGES>[CSS3-IMAGES]
 
    <dd>Elika J. Etemad; Tab Atkins Jr. <a
     href="http://www.w3.org/TR/2012/CR-css3-images-20120417/"><cite>CSS Image
@@ -1849,17 +1853,17 @@ <h3 class=no-num id=other-references>Other references</h3>
    </dd>
    <!---->
 
-   <dt id=CSS3CASCADE>[CSS3CASCADE]
+   <dt id=ref-CSS3CASCADE>[CSS3CASCADE]
 
-   <dd>Håkon Wium Lie; Elika J. Etemad; Tab Atkins Jr. <a
-    href="http://www.w3.org/TR/2013/WD-css3-cascade-20130103/"><cite>CSS
-    Cascading and Inheritance Level 3.</cite></a> 3 January 2013. W3C Working
-    Draft. (Work in progress.) URL: <a
-    href="http://www.w3.org/TR/2013/WD-css3-cascade-20130103/">http://www.w3.org/TR/2013/WD-css3-cascade-20130103/</a>
+   <dd>Håkon Wium Lie; fantasai; Tab Atkins Jr. <a
+    href="http://www.w3.org/TR/2013/CR-css-cascade-3-20131003/"><cite>CSS
+    Cascading and Inheritance Level 3.</cite></a> 3 October 2013. W3C
+    Candidate Recommendation. (Work in progress.) URL: <a
+    href="http://www.w3.org/TR/2013/CR-css-cascade-3-20131003/">http://www.w3.org/TR/2013/CR-css-cascade-3-20131003/</a>
    </dd>
    <!---->
 
-   <dt id=CSS3COLOR>[CSS3COLOR]
+   <dt id=ref-CSS3COLOR>[CSS3COLOR]
 
    <dd>Tantek Çelik; Chris Lilley; L. David Baron. <a
     href="http://www.w3.org/TR/2011/REC-css3-color-20110607"><cite>CSS Color
@@ -1868,7 +1872,7 @@ <h3 class=no-num id=other-references>Other references</h3>
    </dd>
    <!---->
 
-   <dt id=SMIL-ANIMATION>[SMIL-ANIMATION]
+   <dt id=ref-SMIL-ANIMATION>[SMIL-ANIMATION]
 
    <dd>Patrick Schmitz; Aaron Cohen. <a
     href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL
@@ -1877,7 +1881,7 @@ <h3 class=no-num id=other-references>Other references</h3>
    </dd>
    <!---->
 
-   <dt id=SVG11>[SVG11]
+   <dt id=ref-SVG11>[SVG11]
 
    <dd>Erik Dahlström; et al. <a
     href="http://www.w3.org/TR/2011/REC-SVG11-20110816/"><cite>Scalable
@@ -1887,7 +1891,7 @@ <h3 class=no-num id=other-references>Other references</h3>
    </dd>
    <!---->
 
-   <dt id=WCAG20>[WCAG20]
+   <dt id=ref-WCAG20>[WCAG20]
 
    <dd>Ben Caldwell; et al. <a
     href="http://www.w3.org/TR/2008/REC-WCAG20-20081211/"><cite>Web Content

css-transitions/Overview.src.html

@@ -977,6 +977,10 @@ <h2 id="starting">
         that start during that <span>style change event</span>.
       </p>
 
+      <p class="issue">
+        This wording needs to handle already-running transitions better!
+      </p>
+
       <div class="note">
         <p>
           Note that this definition of the <span>after-change style</span>