Skip to content

Commit b751ad6

Browse files
committed
[css-transitions-2] Add transitionrun event and define transitionstart to fire after delay
These definitions still need some work with regards to defining the value of elapsedTime but that is true for level 1 of CSS Animations too (see issue w3c#68). This closes w3c#416.
1 parent f40c216 commit b751ad6

1 file changed

Lines changed: 13 additions & 1 deletion

File tree

css-transitions-2/Overview.bs

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -130,9 +130,19 @@ to the <a>global animation list</a> at the moment they are constructed.
130130
<p>The <em>additional</em> types of transition events that can occur are:</p>
131131

132132
<dl dfn-type=event dfn-for=transitionevent>
133+
<dt><dfn>transitionrun</dfn>
134+
<dd>
135+
The <a idl>transitionrun</a> event occurs when a transition is created (i.e., when it is added to the set of <a>running transitions</a>).
136+
<ul>
137+
<li>Bubbles: Yes</li>
138+
<li>Cancelable: No</li>
139+
<li>Context Info: propertyName, elapsedTime, pseudoElement</li>
140+
</ul>
133141
<dt><dfn>transitionstart</dfn>
134142
<dd>
135-
The <a idl>transitionstart</a> event occurs when a transition is started (i.e., when it is added to the set of <a>running transitions</a>).
143+
The <a idl>transitionstart</a> event occurs when a transition's delay
144+
phase ends. If the transition has a negative 'transition-delay', the
145+
event will have an elapsedTime equal to the absolute value of the delay.
136146
<ul>
137147
<li>Bubbles: Yes</li>
138148
<li>Cancelable: No</li>
@@ -148,6 +158,8 @@ to the <a>global animation list</a> at the moment they are constructed.
148158
</ul>
149159
</dl>
150160

161+
Issue: Define precisely the value of elapsedTime for each of these events.
162+
151163
# DOM Interfaces # {#interface-dom}
152164

153165
## The CSSTransition interface ## {#the-CSSTransition-interface}

0 commit comments

Comments
 (0)