Font Awesome Icons Destroyed when using Next SEO
jared-leddy opened this issue · 1 comments
Describe the bug
When adding NextSeo component to the page, the Font Awesome icons no longer load correctly. Most of them will disappear, and a few will disregard CSS.
Reproduction
Good Code:
Everything is good up until this PR was completed.
Good Commit
Bad Code:
In this PR, we setup Next SEO global options and per page options. The global works fine. Just the NextSeo component is causing issues.
Bad Commit
Expected behavior
We expected that an SEO update would not break UI/UX elements.
Additional context
Good Page example. In this page, you can see the contact info icons on the page, the description icon and the footer social icons. This is what it's supposed to look like.
Bad non-listing page. This page is a normal non-listing page. There aren't any icons in the main content area, but you can see them missing from the footer.
Bad listing page. This is a listing page gone wrong. Here you can see the icons missing from the contact info section, the footer social icons are missing, and the description icon is way too large.
Going through the code changes for the "bad code" above, aka test-58, each page or [slug] page under /src/pages where we add the NextSeo component is where this icons go crazy.