Random white line appearing above page about astro-theme-cactus HOT 8 CLOSED

Disabling rocket loader seems to have fixed it. Thank you!

from astro-theme-cactus.

also, whenever navigating between pages, this happens:

from astro-theme-cactus.

Hi @Milo123459, so the first one I've had a couple of times. Just remove the classes in global.css.

The flashing is a bit more concerning as the inline script for theme switching has just been moved, however, I can't reproduce it my end. Could you tell me if this was in dev mode, and on what browser are you seeing this?

from astro-theme-cactus.

I'm also seeing it on other themes, but it's hosted in vercel, built with pnpm build. Chrome latest

from astro-theme-cactus.

That's really weird as the script is inlined and intentionally render blocking, I've also tried it with the cache disabled and a slow 3G preset.

If you don't have the same experience on the current netlify site, I might spin up a vercel build and see if I can get the same result

from astro-theme-cactus.

Doesn't happen on Netlify. I've moved over to a different theme, but it seems to only happen when on a custom domain?

For example, doesn't happen here: https://milo123459.vercel.app/about
But happens here: https://milo.solar

from astro-theme-cactus.

Ah okay, I'm not familiar on the codebase for that one.

I had a quick look at the waterfall's on both and it shows theme-toggle.js, which I presume is handling the switching, isn't being loaded in the same order, which is likely the issue.

It might have something to do with cloudflare adding 'rocket-loader.min.js' on the real domain as well.

from astro-theme-cactus.

Note: it may be worth adding this to the script tag in this project: data-cfasync="false"

from astro-theme-cactus.