diff --git a/views/blocks/team-grid/team-grid.js b/views/blocks/team-grid/team-grid.js index 30eb725..3fac1a2 100644 --- a/views/blocks/team-grid/team-grid.js +++ b/views/blocks/team-grid/team-grid.js @@ -50,17 +50,11 @@ const animateOpen = (bioWrap) => { setMaxHeight(bioWrap, `${target}px`); }); - // After the transition completes, set max-height back to 'none' so - // dynamic content (e.g. images loading late) can grow the bio - // without being clipped. - const onEnd = (event) => { - if (event.propertyName !== 'max-height' || event.target !== bioWrap) { - return; - } - bioWrap.removeEventListener('transitionend', onEnd); - setMaxHeight(bioWrap, 'none'); - }; - bioWrap.addEventListener('transitionend', onEnd); + // After the transition completes, leave max-height at the measured + // pixel value. Resetting to 'none' breaks the close animation: the + // browser treats 'none' as a discrete keyword value and won't + // transition from it to a length. The pixel value gives the close + // animation a clean from-state to interpolate from. }; const animateClose = (bioWrap) => {