[css-transitions-2][css-animations-2] Clarify phase for events when there is no target effect

Author: birtles

css-animations-2/Overview.bs

@@ -85,6 +85,7 @@ urlPrefix: https://w3c.github.io/web-animations/; type: dfn; spec: web-animation
     text: target element
     text: target effect
     text: target effect end
+    text: unresolved
 </pre>
 
 <h2 id="delta">Delta specification</h2>
@@ -404,8 +405,12 @@ the Web Animations model are used. These definitions apply to an <a>animation
 effect</a>, however, for the purpose of dispatching events, we consider a
 CSS Animation to have the same phase as its <a>target effect</a>. For example,
 a CSS Animation is in the <a>before phase</a> if its <a>target effect</a>
-is in the <a>before phase</a>. A CSS Animation that does not have a <a>target
-effect</a> is considered to be in the <a>idle phase</a>.
+is in the <a>before phase</a>.
+
+A CSS Animation that does not have a <a>target effect</a> is considered to be in
+the <a>idle phase</a> if its <a>current time</a> is <a>unresolved</a>, in the
+<a>before phase</a> if its <a>current time</a> is less than zero, and in the
+<a>after phase</a> otherwise.
 
 Similarly, subsequent references to the <a>start delay</a>, <a>active
 duration</a>, <a>current iteration</a>, <a>iteration start</a>, and

css-transitions-2/Overview.bs

@@ -40,6 +40,7 @@ urlPrefix: https://w3c.github.io/web-animations/; type: dfn; spec: web-animation
     text: animation class
     text: animation playback rate
     text: current iteration
+    text: current time
     text: fill mode
     text: global animation list
     text: idle play state
@@ -50,6 +51,7 @@ urlPrefix: https://w3c.github.io/web-animations/; type: dfn; spec: web-animation
     text: start delay
     text: target effect
     text: target effect end
+    text: unresolved
 </pre>
 <pre class=link-defaults>
 spec:css-transitions-1; type:value; text:all
@@ -176,7 +178,17 @@ below:
 
 <dl class=switch>
    <dt>If the transition has no <a>target effect</a>,
-   <dd>The transition phase is &lsquo;idle&rsquo;.
+   <dd>
+     The transition phase is set according to the first matching condition
+     from below:
+     <dl class=switch>
+       <dt>If the transition has an <a>unresolved</a> <a>current time</a>,
+       <dd>The transition phase is &lsquo;idle&rsquo;.
+       <dt>If the transition has a <a>current time</a> &lt; 0,
+       <dd>The transition phase is &lsquo;before&rsquo;.
+       <dt>Otherwise,
+       <dd>The transition phase is &lsquo;after&rsquo;.
+     </dl>
    <dt>If the transition is <a lt="pending play state">pending</a> and its
        phase was previously &lsquo;idle&rsquo; or &lsquo;pending&rsquo;,
    <dd>The transition phase is &lsquo;pending&rsquo;.