MaggieAppleton / maggieappleton.com

⚠️ Now retired. My previous, poorly constructed digital garden built with Gatsby and MDX. Updated garden here: https://github.com/MaggieAppleton/maggieappleton.com-V2
https://maggieappleton.com
Other
161 stars 24 forks source link

Text and Image Styles Rendering Incorrectly on First Load #119

Closed MaggieAppleton closed 3 years ago

MaggieAppleton commented 3 years ago

Some text styling is rendering incorrectly if you go to a page link directly for the first time, and you haven't visited the site before. To test this, open a link directly in a new private window (https://maggieappleton.com/garden-history)

To see the post load correctly, first navigate to http://maggieappleton.com/garden, then click on the post (A Brief History and Ethos of the Digital Garden).

This happens across multiple posts on the site, but this particular post has the most visible cases.


For example, here is a paragraph that's showing up with an incorrectly small font size and centred alignment:

image


If you navigate away from the page back to the 'Digital Garden' main page, then click directly onto the same post (titled 'A Brief History & Ethos of the Digital Garden'), and scroll to the same section, the paragraph renders correctly:

image

This issue is a split off from #72

MaggieAppleton commented 3 years ago

Additional style bugs that are still showing up here:

  1. Image container on the right is enlarged on the first load in private mode:

image

Compared to normal size after navigating to page from home or /garden:

image


  1. Unordered list styles don't render:

image

Compared to normal:

image


  1. Incorrect image size further down:

image

Compared to normal:

image

texastoland commented 3 years ago

Fixed by #122?

MaggieAppleton commented 3 years ago

Yup, all fixed 👍