Solo-Web-Works/CWC
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

🐞 fix: Keep max-height at pixel value after open so close animates

Browse Source
This commit is contained in:
Keith Solomon
2026-07-25 15:45:14 -05:00
parent 842818ec7e
commit 01072f6788
1 changed files with 5 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/blocks/team-grid/team-grid.js
+5 -11
View File
@@ -50,17 +50,11 @@ const animateOpen = (bioWrap) => {
setMaxHeight(bioWrap, `${target}px`); setMaxHeight(bioWrap, `${target}px`);
}); });
// After the transition completes, set max-height back to 'none' so // After the transition completes, leave max-height at the measured
// dynamic content (e.g. images loading late) can grow the bio // pixel value. Resetting to 'none' breaks the close animation: the
// without being clipped. // browser treats 'none' as a discrete keyword value and won't
const onEnd = (event) => { // transition from it to a length. The pixel value gives the close
if (event.propertyName !== 'max-height' || event.target !== bioWrap) { // animation a clean from-state to interpolate from.
return;
}
bioWrap.removeEventListener('transitionend', onEnd);
setMaxHeight(bioWrap, 'none');
};
bioWrap.addEventListener('transitionend', onEnd);
}; };
const animateClose = (bioWrap) => { const animateClose = (bioWrap) => {