GSAP Timeline sometimes fires sometimes it does not

[Stelikas]

I have created a preloader for my website although i never had an issue like this before and i started using Turbolinks which maybe is causing this issue but it shouldn't.

 

    Pace.on('done', () => {
        doneLoad()
    })

function doneLoad() {  

            gsap.timeline()
            .set('html, body', {
                overflowY: 'unset'
            })
            .set('#app, #__footer', {
                visibility: 'visible', 
            }, 'add')
            .add('do')
            .to('.turbo__lines', {
                stagger: .3,
                height: '0%'
            })
            .to('.turbo__logo, .__loader', {
                duration: .3, 
                opacity: 0
            }, 'do')
            .to('.turbo__loader', {
                visibility: 'hidden'
            }) 
    }

 

So when the loading is finished on my website the function doneLoad() is called most of the times it fires correctly, but there are times that it doesn't fire for some reason, no errors, and the loader just stays forever. 

 

Am i doing anything wrong with the above code? 

[OSUblake]

Welcome to the forums @Stelikas

 

Do you have a GSAP-specific question? We're more than happy to help with those, but we don't offer support for Turbolinks or Pace or whatever you're calling your GSAP code with.

 

[Stelikas]

2 hours ago, OSUblake said:

Welcome to the forums @Stelikas

 

Do you have a GSAP-specific question? We're more than happy to help with those, but we don't offer support for Turbolinks or Pace or whatever you're calling your GSAP code with.

 

Hello, i'm looking to see if there is anything wrong with my gsap timeline code, everything else seems to work as expected. 

[OSUblake]

Nothing stands out to me but it's hard to say without a minimal demo. You said sometimes your doneLoad doesn't fire sometimes, so it's sounds like you might be troubleshooting the wrong thing.