Anatole: Safari not showing icons, while chrome/firefox are

[jakevossen5]

I am having an issue with the safari on macOS and iOS not showing the icons for email / linkedin, while Firefox and Chrome are. This happens when I run locally and when I publish to S3/cloudfront. There are no errors in the console - any ideas?

Website is https://jake.vossen.dev.

Not sure if it will help, but the Safari dev tools seem to have social-links have the property display: none;

[lxndrblz]

@jakevossen5 Thanks for bringing this to my attention.
Would you mind sharing a screenshot of how it currently looks?

Unfortunately, I don't have access to an iOS or Apple device. However, it showed up correctly on browser stack.

This makes me think that it's probably only a caching issue.

[jakevossen5]

Here is the post on my iPhone XSMax

Here is a side by side with Safari and Firefox

Just a quick note, I am running a fork of this project at https://github.com/jakevossen5/anatole/, the only difference is the index.html is a single page instead of a list of posts.

[lxndrblz]

Thanks for sharing the screenshots. Wow, this is really odd!

One more question: Do you see the social icons on other anatole websites such as mine: www.alexbilz.com ?

When I visited your site earlier, I'd noticed that there is a CSP warning. Please make sure you have a correct _headers file in the static folder (see the readme for the exact content).

[jakevossen5]

I do not see the icons on that site (at least on my phone, not at my Mac right now)

Edit: same result on Safari for macOS

And yeah, I think I got CSP fixed, my CDN just hasn't updated everywhere yet.

[lxndrblz]

@jakevossen5 Do you have any plugin in your browser enabled, which might explain this behavior?

I've checked today on another iPhone and couldn't reproduce the issue. 😔

[jakevossen5]

Ugh, I am sorry. I had 1blocker installed on both my Phone and Mac and wasn't thinking about it, blocking social media buttons is an option in the settings.