refreshHard not working on disabled: mobile

I found this using Barba.js (PJAX), but tried just loading new elements in the DOM and using refreshHard(). If the elements have an AOS attribute, then the styling will still be there (opacity: 0).

I currently have a workaround to just run .init() again whenever anything new comes into the DOM, but it seems like refreshHard() should do this.

This is:

• Bug

Specifications

• AOS version: 2.3.4
• OS: Mac OS Catalina
• Browser: Chrome

Expected Behavior

refreshHard should remove AOS attributes when new elements are added to the DOM when disabled.

Actual Behavior

Elements remain with initial AOS styling.

[thomasvaeth]

@namesjamesryan Are you using Barba V2? I just had to run .init() again.

function inits() {
    AOS.init({
        duration: 1000,
        easing: 'ease',
        once: true
    });
}

barba.hooks.afterOnce(() => {
    inits();
});

barba.hooks.after(() => {
    inits();
});

https://github.com/thomasvaeth/thomasvaeth.github.io/blob/master/_assets/js/_inits.js

[thomasvaeth]

I was using AOS v2.3.4 for all the projects I was using Barba v2. I know he changed AOS v3 a lot, so maybe try v2 until there is a stable release.