Loading screens don't go away in preview mode

[jshlii (Josh Li)]

I’ve come across this bug on a few of my websites, where any loading screens I’ve created (interactions that happen as the page is loading) just keep going when I preview the site. I’ve set these loading screens to disappear when the page finishes loading, and this actually works fine when I go to the live link. It just seems like the interaction for when a page has finished loading doesn’t trigger in preview mode.

Here is one of the sites it’s happening to:

http://vce-study-guides.webflow.io/ (you’ll see the loading page comes up and disappears when it finishes loading, like it should)
https://preview.webflow.com/preview/vce-study-guides?preview=86eaf9360f48070302df052596c6f11f

Another one on a different account:
anon-997cac.webflow.io
https://preview.webflow.com/preview/anon-997cac?preview=72b4df61b44fa93e172b22918cbfa026

I’m using the latest version of Chrome and Mac OSX Sierra.

---

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

[Brando (Brandon Roche)]

Hi @jshlii

Thanks so much for posting about this interaction issue with page load.

I took a look at your project and was able to see the issue when using the Page load animation V2. However I wasn’t able to reproduce it in new site / interaction.

My initial thoughts are that the length of the animations on page load takes longer than it takes the page to load, resulting in the page finish animation not firing. I’ve reported this issue to the team and we will continue investigating this issue.

In the mean time you can work around this by adding the page finish animation to the page load animation like this:

It should then look something like this in preview:

I’ll report back to this post as soon as I have more information!

Thanks for your help with this.

[jshlii (Josh Li)]

Thanks for the work around!