CSS Not Loaded Until Page Refresh

[rugged rock]

The page loads unstyled, but on refresh everything is styled. I've got the page styled with a static stylesheet and it had the same behavior with scoped styling. The rest of the site is styled with Tailwind and the Layout component with the Navbar and Footer are loaded. I'm not sure if having both can cause issues.
Here is the link to the repo: https://github.com/donovangomez/donovangomez.com/tree/main/src/pages/frontend-mentor
I apologize for the wack af site lol

Thank you! ❤️

[hallow adder]

Hello @rugged rock

what is the version of astro that you're using?

[rugged rock]

Hey @hallow adder . I'm on 2.5.5

I haven't updated in a hot minute...

[hallow adder]

try updating all your integrations and astro to the latest version

[rugged rock]

Alrighty!

I've updated but unfortunately the same thing is still happening

[hallow adder]

can you try removing the transitions that your using

to test if that is blocking the dom from updating?

btw astro in their newest version they added support for the Web View Transistions API

so there won't be a need to use swup

@rugged rock

[rugged rock]

Oh Awesome didn't know that will try that out! That actually might be the reason, I tried it out on a new Astro site and it seems to be working on that

thanks @hallow adder will give it a shot! Swup might be the problem

[hallow adder]

[rugged rock]

YES SIR THAT WAS THE PROBLEM

thank you!!!

You are the 🐐

[hallow adder]

good to know