[css3-animations] Define effect of display:none on animations (bug 14785)

Author: Sylvain Galineau

css3-animations/Overview.html

@@ -10,11 +10,11 @@
 
   <meta content="CSS Animations" name=dcterms.title>
   <meta content=text name=dcterms.type>
-  <meta content=2012-12-17 name=dcterms.issued>
+  <meta content=2012-12-18 name=dcterms.issued>
   <meta content="http://dev.w3.org/csswg/css3-animations/"
    name=dcterms.creator>
   <meta content=W3C name=dcterms.publisher>
-  <meta content="http://www.w3.org/TR/2012/ED-css3-animations-20121217/"
+  <meta content="http://www.w3.org/TR/2012/ED-css3-animations-20121218/"
    name=dcterms.identifier>
   <meta content="text/html; charset=utf-8" http-equiv=Content-Type>
   <link href="../default.css" rel=stylesheet type="text/css">
@@ -31,15 +31,15 @@
 
    <h1>CSS Animations</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 17 December
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 18 December
     2012</h2>
 
    <dl>
     <dt>This version:
 
     <dd><a
-     href="http://www.w3.org/TR/2012/ED-css3-animations-20121217/">http://dev.w3.org/csswg/css3-animations/</a>
-     <!--http://www.w3.org/TR/2012/WD-css3-animations-20121217/-->
+     href="http://www.w3.org/TR/2012/ED-css3-animations-20121218/">http://dev.w3.org/csswg/css3-animations/</a>
+     <!--http://www.w3.org/TR/2012/WD-css3-animations-20121218/-->
 
     <dt>Latest version:
 
@@ -389,6 +389,16 @@ <h2 id=animations><span class=secno>2. </span> Animations</h2>
     total of ten iterations).
   </div>
 
+  <p> Setting the display property to ‘<code class=property>none</code>’
+   will terminate any running animation applied to the element and its
+   descendants. If an element has a display of ‘<code
+   class=property>none</code>’, updating display to a value other than
+   ‘<code class=property>none</code>’ will start all animations applied
+   to the element by the ‘<a href="#animation-name"><code
+   class=property>animation-name</code></a>’ property, as well as all
+   animations applied to descendants with display other than ‘<code
+   class=property>none</code>’.
+
   <h2 id=keyframes><span class=secno>3. </span> Keyframes</h2>
 
   <p> Keyframes are used to specify the values for the animating properties

css3-animations/Overview.src.html

@@ -219,6 +219,15 @@ <h2 id="animations">
 			(for a total of ten iterations).
 	</div>
 
+	<p>
+		Setting the display property to 'none' will terminate any running animation
+		applied to the element and its descendants.
+
+		If an element has a display of 'none', updating display to a value other than 'none' 
+		will start all animations applied to the element by the 'animation-name' property, 
+		as well as all animations applied to descendants with display other than 'none'.
+	</p>
+
 <h2 id="keyframes">
 Keyframes</h2>
 	<p>