Skip to content

Commit 89b7f27

Browse files
committed
fix: less delay between page transitions
1 parent 446cbbe commit 89b7f27

File tree

1 file changed

+4
-0
lines changed

1 file changed

+4
-0
lines changed

www/shared/react/page-swapper/page-transition/PageTransition.js

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,9 @@ import styles from './PageTransition.module.css';
88
/* istanbul ignore next */
99
const getZIndex = (inProp) => !inProp ? 0 : 1;
1010

11+
// This function might have to be adjusted if you have more than you transition property on animations.
12+
const addEndListener = (node, done) => node.addEventListener('transitionend', done);
13+
1114
const PageTransition = ({ node, animation, style, in: inProp, onEntered, onExited, className }) => (
1215
<CSSTransition
1316
in={ inProp }
@@ -21,6 +24,7 @@ const PageTransition = ({ node, animation, style, in: inProp, onEntered, onExite
2124
exitActive: styles.exitActive,
2225
exitDone: styles.exitDone,
2326
} }
27+
addEndListener={ addEndListener }
2428
timeout={ 1000 }>
2529
<div className={ classNames(styles[animation], className) } style={ { ...style, zIndex: getZIndex(inProp) } }>
2630
{ node }

0 commit comments

Comments
 (0)