🏠 back to Observable

"Spinning clock" icon never disappears

Hi. I’m embedding this notebook…

…in this web page…

https://harborresearch.com/smart-forecast-charts/

…and as you can see on the web page, the “spinning clock” loading icon is always there on the hyperbolic tree. Any idea why and how I can make it go away?

I enabled the debugger on your site and noticed this section of the code:

        // hmm, wird niergens mitgemessen :(
        this.findInitλ_();
        this.view_.html.querySelector('.preloader').innerHTML = '';

This last line doesn’t properly remove the loader since it is placed using the ::after pseudo-element. Here’s a change to make it work properly:

         // hmm, wird niergens mitgemessen :(
         this.findInitλ_();
-        this.view_.html.querySelector('.preloader').innerHTML = '';
+        this.view_.html.querySelector('.preloader').remove();
1 Like

Many thanks for your response.

The file you’re referring to is loaded remotely, I believe. I don’t think I can edit it. However, I have shared it with the developer of the notebook I’ve been trying to embed, and he may be able to help.

Will let you know.

Cheers.

Update: I was embedding this in a WordPress site with tons of plugins, etc.

I just did a quick test in a vanilla Web page, and it’s fine. Sorry, folks, I should have made that test initially.

1 Like