Sha256: 69e3e71c4cc555f1b484ec8db36419d8b653203f7aea9267d4cdad292d727f6e
Contents?: true
Size: 911 Bytes
Versions: 281
Compression:
Stored size: 911 Bytes
Contents
export const showElement = (elem: HTMLElement) => {
elem.style.display = 'block';
const height = elem.scrollHeight + 'px'; // Get its height
elem.style.height = height; // Update the max-height
elem.classList.add('is-visible');
elem.style.overflow = "hidden"
// Once the transition is complete, remove the inline max-height so the content can scale responsively
window.setTimeout(() => {
elem.style.height = '';
elem.style.overflow = "visible"
}, 300);
};
export const hideElement = (elem: HTMLElement) => {
elem.style.height = elem.scrollHeight + 'px';
window.setTimeout(() => {
elem.style.height = '0';
elem.style.paddingTop = '0';
elem.style.paddingBottom = '0';
elem.style.overflow = "hidden"
}, 1);
// When the transition is complete, hide it
window.setTimeout(() => {
elem.classList.remove('is-visible');
elem.style.overflow = ""
}, 300);
};
Version data entries
281 entries across 281 versions & 1 rubygems