Skip to content

Commit efff47d

Browse files
author
Sylvain Galineau
committed
Clarify that events at 0s duration remain an open issue
1 parent 79962e4 commit efff47d

2 files changed

Lines changed: 27 additions & 15 deletions

File tree

css-animations/Overview.bs

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -443,8 +443,9 @@ The 'animation-duration' property</h3>
443443
the keyframes of the animation have no effect,
444444
but the animation itself still occurs instantaneously.
445445
That is, 'animation-fill-mode' applies as normal,
446-
filling backwards or forwards as appropriate,
447-
and animation events still fire.
446+
filling backwards or forwards as appropriate.
447+
448+
<p class="issue">Do animation events fire when the duration is 0s?
448449
</dl>
449450

450451
<h3 id="animation-timing-function">
@@ -526,8 +527,11 @@ The 'animation-iteration-count' property</h3>
526527
'animation-delay'. Then the last frame of the animation,
527528
as defined by 'animation-direction', will be displayed if
528529
'animation-fill-mode' is set to ''forwards'' or ''both''.
529-
If 'animation-fill-mode' is set to ''animation-fill-mode/none'' then the animation has
530-
no effect though animation events still fire.
530+
If 'animation-fill-mode' is set to ''animation-fill-mode/none''
531+
then the animation has no effect.
532+
533+
<p class="issue">If similar to animation-duration:0s, also relates to whether
534+
animation events fire?
531535
</dl>
532536

533537

@@ -788,8 +792,7 @@ Animation Events</h2>
788792
Any animation for which both a valid keyframe rule and a non-zero duration are defined will run
789793
and generate events; this includes animations with empty keyframe rules.
790794

791-
Issue: This contradicts the 'animation-delay' section,
792-
which says that a ''0s'' duration animation still fires events.
795+
<p class="issue">Clarify whether 0s animations fire start/end events or not.
793796

794797
The time the animation has been running is sent with each event generated. This allows the event
795798
handler to determine the current iteration of a looping animation or the current position of an

css-animations/Overview.html

Lines changed: 18 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@
5656
</p>
5757
<h1 class="p-name no-ref" id=title>CSS Animations Level 1</h1>
5858
<h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>Editor’s Draft,
59-
<span class=dt-updated><span class=value-title title=20140826>26 August 2014</span></span></span></h2>
59+
<span class=dt-updated><span class=value-title title=20140828>28 August 2014</span></span></span></h2>
6060
<div data-fill-with=spec-metadata><dl><dt>This version:<dd><a class=u-url href=http://dev.w3.org/csswg/css3-animations/>http://dev.w3.org/csswg/css3-animations/</a><dt>Latest version:<dd><a href=http://www.w3.org/TR/css3-animations/>http://www.w3.org/TR/css3-animations/</a><dt>Editor’s Draft:<dd><a href=http://dev.w3.org/csswg/css3-animations/>http://dev.w3.org/csswg/css3-animations/</a><dt>Previous Versions:<dd><a href=http://www.w3.org/TR/2013/WD-css3-animations-20130219/ rel=previous>http://www.w3.org/TR/2013/WD-css3-animations-20130219/</a><dd><a href=http://www.w3.org/TR/2012/WD-css3-animations-20120403/ rel=previous>http://www.w3.org/TR/2012/WD-css3-animations-20120403/</a>
6161
<dt>Feedback:</dt>
6262
<dd><a href="mailto:www-style@w3.org?subject=%5Bcss-animations%5D%20feedback">www-style@w3.org</a>
@@ -162,7 +162,8 @@ <h2 class="no-num no-toc no-ref heading settled heading" id=contents><span class
162162
<li><a href=#normative><span class=secno></span> Normative References</a>
163163
<li><a href=#informative><span class=secno></span> Informative References</a></ul>
164164
<li><a href=#index><span class=secno></span> Index</a>
165-
<li><a href=#property-index><span class=secno></span> Property index</a></ul></div>
165+
<li><a href=#property-index><span class=secno></span> Property index</a>
166+
<li><a href=#issues-index><span class=secno></span>Issues Index</a></ul></div>
166167

167168

168169

@@ -550,8 +551,9 @@ <h3 class="heading settled heading" data-level=4.3 id=animation-duration><span c
550551
the keyframes of the animation have no effect,
551552
but the animation itself still occurs instantaneously.
552553
That is, <a class=property data-link-type=propdesc href=#propdef-animation-fill-mode title=animation-fill-mode>animation-fill-mode</a> applies as normal,
553-
filling backwards or forwards as appropriate,
554-
and animation events still fire.
554+
filling backwards or forwards as appropriate.
555+
556+
<p class=issue id=issue-1275c8d8><a class=self-link href=#issue-1275c8d8></a>Do animation events fire when the duration is 0s?
555557
</dl>
556558

557559
<h3 class="heading settled heading" data-level=4.4 id=animation-timing-function><span class=secno>4.4 </span><span class=content>
@@ -609,8 +611,11 @@ <h3 class="heading settled heading" data-level=4.5 id=animation-iteration-count>
609611
<a class=property data-link-type=propdesc href=#propdef-animation-delay title=animation-delay>animation-delay</a>. Then the last frame of the animation,
610612
as defined by <a class=property data-link-type=propdesc href=#propdef-animation-direction title=animation-direction>animation-direction</a>, will be displayed if
611613
<a class=property data-link-type=propdesc href=#propdef-animation-fill-mode title=animation-fill-mode>animation-fill-mode</a> is set to <a class=css data-link-type=maybe href=#valuedef-forwards title=forwards>forwards</a> or <a class=css data-link-type=maybe href=#valuedef-both title=both>both</a>.
612-
If <a class=property data-link-type=propdesc href=#propdef-animation-fill-mode title=animation-fill-mode>animation-fill-mode</a> is set to <a class=css data-link-for=animation-fill-mode data-link-type=maybe href=#valuedef-none title=none>none</a> then the animation has
613-
no effect though animation events still fire.
614+
If <a class=property data-link-type=propdesc href=#propdef-animation-fill-mode title=animation-fill-mode>animation-fill-mode</a> is set to <a class=css data-link-for=animation-fill-mode data-link-type=maybe href=#valuedef-none title=none>none</a>
615+
then the animation has no effect.
616+
617+
<p class=issue id=issue-ef1c522a><a class=self-link href=#issue-ef1c522a></a>If similar to animation-duration:0s, also relates to whether
618+
animation events fire?
614619
</dl>
615620

616621

@@ -811,8 +816,7 @@ <h2 class="heading settled heading" data-level=5 id=events><span class=secno>5 <
811816
<p> Any animation for which both a valid keyframe rule and a non-zero duration are defined will run
812817
and generate events; this includes animations with empty keyframe rules.
813818

814-
<p> Issue: This contradicts the <a class=property data-link-type=propdesc href=#propdef-animation-delay title=animation-delay>animation-delay</a> section,
815-
which says that a <span class=css data-link-type=maybe title=0s>0s</span> duration animation still fires events.
819+
<p class=issue id=issue-f9dd28a4><a class=self-link href=#issue-f9dd28a4></a>Clarify whether 0s animations fire start/end events or not.
816820

817821
<p> The time the animation has been running is sent with each event generated. This allows the event
818822
handler to determine the current iteration of a looping animation or the current position of an
@@ -1336,4 +1340,9 @@ <h2 class="no-num no-ref heading settled heading" id=property-index><span class=
13361340
<tr><th scope=row><a data-property="">animation</a><td>&lt;single-animation&gt;#<td>see individual properties<td>all elements, ::before and ::after pseudo-elements<td>no<td>N/A<td>interactive<td>no<td>per grammar<td>As specified</table></div>
13371341

13381342

1339-
</ul>
1343+
</ul><h2 class="no-num heading settled" id=issues-index><span class=content>Issues Index</span><a class=self-link href=#issues-index></a></h2><div style="counter-reset: issue"><div class=issue>Do animation events fire when the duration is 0s?
1344+
<a href=#issue-1275c8d8></a></div><div class=issue>If similar to animation-duration:0s, also relates to whether
1345+
animation events fire?
1346+
<a href=#issue-ef1c522a></a></div><div class=issue>Clarify whether 0s animations fire start/end events or not.
1347+
1348+
<a href=#issue-f9dd28a4></a></div></div>

0 commit comments

Comments
 (0)