-
Notifications
You must be signed in to change notification settings - Fork 24
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Errors in MDX Rendering on first load #72
Comments
Another example of the same issue logged: #113 |
Also having trouble getting libraries like greensock to load which I have a sneaky feeling is related to this: #105 |
Service workers are always suspect. Thats why I turn them off :P Since you are only clearing cookies and not having to jump into the service worker panel in dev tools to fix issues I dont think its service worker related. My first hunch is that its the static site generated version of the page thats busted (the one that |
I have a new working theory on what might be happening here @texastoland @theianjones I think the CSS stylesheets are loading in the wrong order, or some of them are failing to load on the first render. |
I can't reproduce your original issues on the live site anymore:
@MaggieAppleton Are you seeing the same behavior? Did I miss any? I'd prefer to track them in separate issues if that's cool. |
I'm still seeing the same issues. Checked on multiple browsers and machines (Safari and Brave) and both behave the same. To recreate it, I open a link a direct link to the post in a private window (https://maggieappleton.com/garden-history). The image duplicates and the random paragraph styles appear. If I then navigate back to the main page of garden notes by clicking on the menubar link ("Digital Garden") and click on that post directly ("A Brief History & Ethos of the Digital Garden"), the images and paragraph styles are all correct. Do you see the same thing when you go through that flow? Re: 1. - Unsure what you mean by the Twitter styles? The Tweets all load fine for me. @texastoland I'll go split these up into multiple issues. Thanks! |
Oh I get it! The behavior is the reverse of #105. It's another interaction with Gatsby |
Cool, will do |
Watch this loom video for a full explanation
MDX styling is behaving inconsistently, and not properly rendering if you go to a page directly for the first time.
If you refresh the page, everything is fixed. It only happens on first load.
The CSS doesn't load correctly, and any JavaScript libraries like GreenSock fail to execute. The issues happens in all .mdx posts.
I'm speculating it might have something to do with service workers or caching, but don't know how to debug it.
An example of the kind of rendering error that appear, and then disappear after a refresh:
The text was updated successfully, but these errors were encountered: