Allow 'all' within the list in transition-property, as resolved in http://lists.w3.org/Archives/Public/www-style/2011Nov/0709.html . Fixes https://www.w3.org/Bugs/Public/show_bug.cgi?id=14602 .

Author: dbaron

css3-transitions/ChangeLog

@@ -1,3 +1,11 @@
+2012-02-17 dbaron@dbaron.org
+- Allow 'all' within the list in transition-property, as resolved in
+  http://lists.w3.org/Archives/Public/www-style/2011Nov/0709.html .
+  Fixes https://www.w3.org/Bugs/Public/show_bug.cgi?id=14602 .
+
+2012-02-15 dbaron@dbaron.org
+- link to issue tracking in Bugzilla
+
 2012-01-31 simon.fraser@apple.com
 - Qualify the table style with a classname to avoid styling the propdef tables.
 - Switch back to the Editors Draft stylesheet.

css3-transitions/Overview.html

@@ -25,15 +25,15 @@
 
    <h1>CSS Transitions</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 15 February
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 17 February
     2012</h2>
 
    <dl>
     <dt>This version:
 
-    <dd> <a href="http://www.w3.org/TR/2012/ED-css3-transitions-20120215/">
+    <dd> <a href="http://www.w3.org/TR/2012/ED-css3-transitions-20120217/">
      http://dev.w3.org/csswg/css3-transitions/</a>
-     <!--http://www.w3.org/TR/2012/WD-css3-transitions-20120215-->
+     <!--http://www.w3.org/TR/2012/WD-css3-transitions-20120217-->
 
     <dt>Latest version:
 
@@ -320,8 +320,8 @@ <h3 id=the-transition-property-property-><span class=secno>2.1. </span> The
     <tr>
      <td> <em>Value:</em>
 
-     <td> none | all | [ &lt;IDENT&gt; ] [ &lsquo;<code
-      class=css>,</code>&rsquo; &lt;IDENT&gt; ]*
+     <td> none | [ all | &lt;IDENT&gt; ] [ &lsquo;<code
+      class=css>,</code>&rsquo; all | &lt;IDENT&gt; ]*
 
     <tr>
      <td> <em>Initial:</em>
@@ -355,10 +355,9 @@ <h3 id=the-transition-property-property-><span class=secno>2.1. </span> The
   </table>
 
   <p> A value of &lsquo;<code class=property>none</code>&rsquo; means that no
-   property will transition. A value of &lsquo;<code
-   class=property>all</code>&rsquo; means that every property that is able to
-   undergo a transition will do so. Otherwise, a list of properties to be
-   transitioned is given.
+   property will transition. Otherwise, a list of properties to be
+   transitioned, or the keyword &lsquo;<code class=property>all</code>&rsquo;
+   which indicates that all properties are to be transitioned, is given.
 
   <p> If one of the identifiers listed is not a recognized property name or
    is not an animatable property, the implementation must still start
@@ -373,23 +372,33 @@ <h3 id=the-transition-property-property-><span class=secno>2.1. </span> The
    words, unrecognized or non-animatable properties must be kept in the list
    to preserve the matching of indices.
 
-  <p class=issue> Are &lsquo;<code class=property>all</code>&rsquo;,
-   &lsquo;<code class=property>none</code>&rsquo;, &lsquo;<code
-   class=property>inherit</code>&rsquo;, and &lsquo;<code
+  <p class=issue> Are &lsquo;<code class=property>none</code>&rsquo;,
+   &lsquo;<code class=property>inherit</code>&rsquo;, and &lsquo;<code
    class=property>initial</code>&rsquo; allowed as items in a list of
    identifiers (of length greater than one)?
 
-  <p> If one of the identifiers listed is a shorthand property,
-   implementations must start transitions for any of its longhand
-   sub-properties that are animatable, using the duration, delay, and timing
-   function at the index corresponding to the shorthand.
+  <p> For the keyword &lsquo;<code class=property>all</code>&rsquo;, or if
+   one of the identifiers listed is a shorthand property, implementations
+   must start transitions for any of its longhand sub-properties that are
+   animatable (or, for &lsquo;<code class=property>all</code>&rsquo;, all
+   animatable properties), using the duration, delay, and timing function at
+   the index corresponding to the shorthand.
 
   <p> If a property is specified multiple times in the value of &lsquo;<a
    href="#transition-property"><code
-   class=property>transition-property</code></a>&rsquo; (either on its own or
-   via a shorthand that contains it), then the transition that starts uses
-   the duration, delay, and timing function at the index corresponding to the
-   <em>last</em> occurrence of the property.</p>
+   class=property>transition-property</code></a>&rsquo; (either on its own,
+   via a shorthand that contains it, or via the &lsquo;<code
+   class=property>all</code>&rsquo; value), then the transition that starts
+   uses the duration, delay, and timing function at the index corresponding
+   to the <em>last</em> item in the value of &lsquo;<a
+   href="#transition-property"><code
+   class=property>transition-property</code></a>&rsquo; that calls for
+   animation that property.
+
+  <p class=note> Note: The <code class=property>all</code> value and
+   shorthand properties work in similar ways, so the <code
+   class=property>all</code> value is just like a shorthand that covers all
+   properties.</p>
   <!-- ======================================================================================================= -->
 
   <h3 id=the-transition-duration-property-><span class=secno>2.2. </span> The
@@ -1566,7 +1575,8 @@ <h2 class=no-num id=property-index>Property index</h2>
      <th><a class=property
       href="#transition-property">transition-property</a>
 
-     <td>none | all | [ &lt;IDENT&gt; ] [ &lsquo;,&rsquo; &lt;IDENT&gt; ]*
+     <td>none | [ all | &lt;IDENT&gt; ] [ &lsquo;,&rsquo; all | &lt;IDENT&gt;
+      ]*
 
      <td>all
 

css3-transitions/Overview.src.html

@@ -186,7 +186,7 @@ <h3>
               <em>Value:</em>
             </td>
             <td>
-              none | all | [ &lt;IDENT&gt; ] [ ','  &lt;IDENT&gt; ]*
+              none | [ all | &lt;IDENT&gt; ] [ ',' all | &lt;IDENT&gt; ]*
             </td>
           </tr>
           <tr>
@@ -241,10 +241,10 @@ <h3>
       </table>
 
       <p>
-        A value of 'none' means that no property will transition. A value of
-        'all' means that every property that is able to undergo a transition
-        will do so. Otherwise, a list
-        of properties to be transitioned is given.
+        A value of 'none' means that no property will transition.
+        Otherwise, a list of properties to be transitioned, or the
+        keyword 'all' which indicates that all properties are to be
+        transitioned, is given.
       </p>
 
       <p>
@@ -258,21 +258,29 @@ <h3>
         the list to preserve the matching of indices.
       </p>
       <p class="issue">
-        Are 'all', 'none', 'inherit', and 'initial' allowed as items in
+        Are 'none', 'inherit', and 'initial' allowed as items in
         a list of identifiers (of length greater than one)?
       </p>
       <p>
-        If one of the identifiers listed is a shorthand property,
-        implementations must start transitions for any of its longhand
-        sub-properties that are animatable, using the duration, delay,
+        For the keyword 'all', or if one of the identifiers listed is a
+        shorthand property, implementations must start transitions for
+        any of its longhand sub-properties that are animatable (or, for
+        'all', all animatable properties), using the duration, delay,
         and timing function at the index corresponding to the shorthand.
       </p>
       <p>
         If a property is specified multiple times in the value of
-        'transition-property' (either on its own or via a shorthand that
-        contains it), then the transition that starts uses the duration,
-        delay, and timing function at the index corresponding to the
-        <em>last</em> occurrence of the property.
+        'transition-property' (either on its own, via a shorthand that
+        contains it, or via the 'all' value), then the transition that
+        starts uses the duration, delay, and timing function at the
+        index corresponding to the <em>last</em> item in the value of
+        'transition-property' that calls for animation that property.
+      </p>
+      <p class="note">
+        Note:  The <code class="property">all</code> value and shorthand
+        properties work in similar ways, so the <code
+        class="property">all</code> value is just like a shorthand that
+        covers all properties.
       </p>
 
       <!-- ======================================================================================================= -->