Mirror: React hooks for accessible, common web interactions. UI super powers without the UI.
Fix animation cancellation ordering
+3
-1
+3
-1
src/useStyleTransition.ts
+3
-1
src/useStyleTransition.ts
···
60
60
: options.easing || 'ease',
61
61
};
62
62
63
+
// NOTE: Must be run before cancellation below
64
+
const keyframes = applyKeyframe(element, options.to || {});
65
+
63
66
const prevAnimation = animations.get(element);
64
67
if (prevAnimation) prevAnimation.cancel();
65
68
66
-
const keyframes = applyKeyframe(element, options.to || {});
67
69
const animation = element.animate(keyframes, effect);
68
70
69
71
animation.playbackRate = 1.000001;