[css-animations] animation-play-state: paused also pauses the delay phase

Author: Sylvain Galineau

css-animations/Overview.bs

@@ -602,9 +602,11 @@ The 'animation-play-state' property</h3>
 			While this property is set to ''paused'',
 			the animation is paused.
 			The animation continues to apply to the element with the progress it had made before being paused.
-			When unpaused (set back to ''running''),
-			it restarts from where it left off,
+			When unpaused (set back to ''running''), it restarts from where it left off,
 			as if the "clock" that controls the animation had stopped and started again.
+			
+			If the property is set to ''paused'' during the delay phase of the animation, 
+			the delay clock is also paused and resumes as soon as 'animation-play-state' is set back to ''running''. 
 	</dl>
 
 <h3 id="animation-delay">
@@ -1052,7 +1054,7 @@ Working Group Resolutions that are pending editing</h2>
     		<li>Animations only run if they contain at least one valid keyframe rule (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15251">Bug</a>)
     		<li><del>When an element changes from display:none to display: non-none, animations start immediately (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=14785">Bug</a>)</del>
     		<li>An initially-paused animation is still started (fires start events etc.) (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=14774">Bug</a>)
-    		<li>Animations can be paused during their delay phase, which freezes the remaining delay to be applied after it unpauses (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=14774">Bug</a>)
+    		<li><del>Animations can be paused during their delay phase, which freezes the remaining delay to be applied after it unpauses (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=14774">Bug</a>)</del>
     		<li><del>animation-play-state has the same list behavior as the other animaton properties, matching the length of animation-name (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=14786">Bug</a>)</del>
     		</ul>
     	<li>2013-02-20 minutes

css-animations/Overview.html

@@ -661,9 +661,11 @@ <h3 class="heading settled heading" data-level=4.7 id=animation-play-state><span
 			While this property is set to <a class=css data-link-type=maybe href=#valuedef-paused title=paused>paused</a>,
 			the animation is paused.
 			The animation continues to apply to the element with the progress it had made before being paused.
-			When unpaused (set back to <a class=css data-link-type=maybe href=#valuedef-running title=running>running</a>),
-			it restarts from where it left off,
+			When unpaused (set back to <a class=css data-link-type=maybe href=#valuedef-running title=running>running</a>), it restarts from where it left off,
 			as if the "clock" that controls the animation had stopped and started again.
+			
+<p>			If the property is set to <a class=css data-link-type=maybe href=#valuedef-paused title=paused>paused</a> during the delay phase of the animation, 
+			the delay clock is also paused and resumes as soon as <a class=property data-link-type=propdesc href=#propdef-animation-play-state title=animation-play-state>animation-play-state</a> is set back to <a class=css data-link-type=maybe href=#valuedef-running title=running>running</a>. 
 	</dl>
 
 <h3 class="heading settled heading" data-level=4.8 id=animation-delay><span class=secno>4.8 </span><span class=content>
@@ -1067,7 +1069,7 @@ <h2 class="heading settled heading" data-level=8 id=wg-resolutions-pending><span
     		<li>Animations only run if they contain at least one valid keyframe rule (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15251">Bug</a>)
     		<li><del>When an element changes from display:none to display: non-none, animations start immediately (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=14785">Bug</a>)</del>
     		<li>An initially-paused animation is still started (fires start events etc.) (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=14774">Bug</a>)
-    		<li>Animations can be paused during their delay phase, which freezes the remaining delay to be applied after it unpauses (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=14774">Bug</a>)
+    		<li><del>Animations can be paused during their delay phase, which freezes the remaining delay to be applied after it unpauses (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=14774">Bug</a>)</del>
     		<li><del>animation-play-state has the same list behavior as the other animaton properties, matching the length of animation-name (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=14786">Bug</a>)</del>
     		</ul>
     	<li>2013-02-20 minutes