Skip to content

Commit 8325d33

Browse files
committed
Add support for firing all transition events
Ref: https://developer.mozilla.org/en-US/docs/Web/API/TransitionEvent
1 parent 45830f5 commit 8325d33

File tree

3 files changed

+16
-1
lines changed

3 files changed

+16
-1
lines changed

src/__tests__/events.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -117,7 +117,7 @@ const eventTypes = [
117117
},
118118
{
119119
type: 'Transition',
120-
events: ['transitionEnd'],
120+
events: ['transitionCancel', 'transitionEnd', 'transitionRun', 'transitionStart'],
121121
elementType: 'div',
122122
},
123123
{

src/event-map.js

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -297,10 +297,22 @@ export const eventMap = {
297297
defaultInit: {bubbles: true, cancelable: false},
298298
},
299299
// Transition Events
300+
transitionCancel: {
301+
EventType: 'TransitionEvent',
302+
defaultInit: {bubbles: true, cancelable: true},
303+
},
300304
transitionEnd: {
301305
EventType: 'TransitionEvent',
302306
defaultInit: {bubbles: true, cancelable: true},
303307
},
308+
transitionRun: {
309+
EventType: 'TransitionEvent',
310+
defaultInit: {bubbles: true, cancelable: true},
311+
},
312+
transitionStart: {
313+
EventType: 'TransitionEvent',
314+
defaultInit: {bubbles: true, cancelable: true},
315+
},
304316
// pointer events
305317
pointerOver: {
306318
EventType: 'PointerEvent',

types/events.d.ts

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -71,7 +71,10 @@ export type EventType =
7171
| 'animationStart'
7272
| 'animationEnd'
7373
| 'animationIteration'
74+
| 'transitionCancel'
7475
| 'transitionEnd'
76+
| 'transitionRun'
77+
| 'transitionStart'
7578
| 'doubleClick'
7679
| 'pointerOver'
7780
| 'pointerEnter'

0 commit comments

Comments
 (0)