Page load animation does not hide preloader in Webflow preview

Hi, I have setup a preloader which starts as the page loads and then a second interaction when the page is closed hides it. This seems to work fine on the live site but the preloader does not hide when I am using the preview in webflow.

This is a bit of a pain as it makes it head to preview the homepage without removing the preloader.

Have I made a mistake in the way I have configured the interactions?

On the home page there is a page load interaction called “preloader/hidepreloader” at the bottom of the list of interactions.