|
|
|
@ -33,14 +33,14 @@ export default function (expandedParentClass = '', x = false) { |
|
|
|
|
|
|
|
enter(el: HTMLExpandElement) { |
|
|
|
const initialStyle = el._initialStyle; |
|
|
|
const offset = `${el[offsetProperty]}px`; |
|
|
|
|
|
|
|
el.style.setProperty('transition', 'none', 'important'); |
|
|
|
el.style.visibility = 'hidden'; |
|
|
|
el.style.visibility = initialStyle.visibility!; |
|
|
|
// Hide overflow to account for collapsed margins in the calculated height
|
|
|
|
el.style.overflow = 'hidden'; |
|
|
|
const offset = `${el[offsetProperty]}px`; |
|
|
|
|
|
|
|
el.style[sizeProperty] = '0'; |
|
|
|
/* eslint-disable-next-line */ |
|
|
|
|
|
|
|
void el.offsetHeight; // force reflow
|
|
|
|
|
|
|
|
el.style.transition = initialStyle.transition; |
|
|
|
@ -48,9 +48,7 @@ export default function (expandedParentClass = '', x = false) { |
|
|
|
if (expandedParentClass && el._parent) { |
|
|
|
el._parent.classList.add(expandedParentClass); |
|
|
|
} |
|
|
|
console.log('======================'); |
|
|
|
console.log(sizeProperty, offset); |
|
|
|
console.log('======================'); |
|
|
|
|
|
|
|
requestAnimationFrame(() => { |
|
|
|
el.style[sizeProperty] = offset; |
|
|
|
}); |
|
|
|
|