Troubleshooting - Uncaught TypeError: Cannot read property ‘opacity’ of undefined - Only solid blue color when I publish

Hi all,

I am having trouble identifying why all I can see in this page is a blue colour after I publish. The site was working fine not long ago, and all other pages on the site are working as intended. I can click on the published site and establish that it contains other content, but all I can see is the blue color. Not sure if it is the body a another layer which appears on top. Could anyone please have a look and see if you can identify the issue?

Google Console reports this error: Uncaught TypeError: Cannot read property ‘opacity’ of undefined.

You might have to toggle the Preview button (Eye icon) in order to see the issue.

Thanks in advance!
Sindre


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

Hello,

It’s seems to be the show body interaction that causes the issue :

You’ve put it after the page has loaded, it needs to be when it starts loading. But I wouldn’t recommend manipulating the entire body’s opacity on load. If you want a page transition, you might be better off with having a fixed full width/height div on top of your page that you animate to reveal your content.

On a side note, you have A LOT of animations in your library, this is some serious webflow heavy lifting. (pages are super slow…) Might want to use more hover state/transition and use more class animation rather than selected elements

Good luck !

1 Like

Hi Vincent,

Sorry for the late reply. Thank you so much for your tip! That solved the issue.

I’m still a little bit puzzled as to why this isn’t an issue on any of the other sub-pages which have the same original setting. But hey, it’s working. At least I know what to try if it happens again.

Also, thanks for the tips on use of animations!

Best regards,
Sindre

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.