CSS animations don't start from/end at 0 height

When using XF.Animate.slideDown() and XF.Animate.slideUp() as replacements for jQuery.slideDown() and jQuery.slideUp(), you experience stilted animations.

XF.Animate.slideDown():
View attachment Screen Recording 2024-04-09 at 21.54.45.mov


XF.Animate.slideUp():
View attachment Screen Recording 2024-04-09 at 21.55.15.mov


Relevant JS code:
JavaScript:

for (let key in data.items)
{
    let item = data.items[key];

    XF.setupHtmlInsert(item, ($html, container, onComplete) =>
    {
        let self = this;
        $html.style.display = 'none'...

Read more

Читать далее...