Proper-on-transition-end NPM

proper-on-transition-end

Cross-browser transitionend event listener.

This module is based on on-transition-end, which no longer seems to be maintained and is not working properly. Also, it automatically infers the timeout based on the transition duration.

Installation

$ npm install proper-on-transition-end

Usage

import onTransitionEnd from 'proper-on-transition-end';
// or
const onTransitionEnd = window.onTransitionEnd;

const cancelOnTransitionEnd = onTransitionEnd(element, [options,] callback)

element: The element that is transitioning.
options: You can pass a few options here:
- timeout: This is automatically calculated for you, based on the longest transition of the element, using longest-transition. Still, you can override that and pass the timeout in milliseconds.
- gracePeriod: There is an implicit grace period of 100 milliseconds before the event times out, but you can tweak it using this option.
callback: The callback that is called when the transition ends.

Calling cancelOnTransitionEnd will remove the listener and cleanup the timers.