Font Awesome icons breaking in latest version

Posted 1 year, 10 months ago (Edited 1 year, 10 months ago) by Grinalbi

Hello! I encountered a bug in the latest version where a portion of Font Awesome icons disappear if not typed out in a particular way. This mainly happens when using the shortened style: e.g. "fad fa-heart-half-stroke" won't appear at all in the editor, but typing it out as "fa-duotone fa-heart-half-stroke" makes it appear (note: both versions appear as normal when uploaded into Toyhou.se). This bug seems to affect random icons and random styles - I'm not sure why. Rolling back to the May version and older fixes this, so it seems to be something wrong with the latest version.

EDIT: Other icons are appearing, but they seem to straight-up break into pieces. As with the previous example, they work correctly on the main site, but not in the editor. This doesn't affect all the icons, but the ones it does seem to be random.

Example of "fad fa-feather-pointed" in previous versions:

ANUr1vq.png

Example of "fad fa-feather-pointed" in newest version:

Q30Bvvf.png

circlejourney

Grinalbi Oh, I must have missed this completely - TH didn't give me a notification! That's really weird, you're right that it seems to break only with the latest update. Not sure how I missed this. I'll have to look it over again, there may be a problem with the CSS. Try the 22 May version in the meantime because it seems to work there: https://th.circlejourney.net/build_20220522/

circlejourney

OK, so it should be fixed now - I just tested it and duotone icons seem to work alright! Let me know if you run into any other issues.

Grinalbi

circlejourney Sorry I didn't get back to you - I've been busy! Anyways, I just checked and multiple icons and icon styles are still breaking apart and/or straight up not appearing in the latest version, meaning I still have to roll back to the May version and before to view FA icons correctly. I tested the codes in multiple browsers to make sure this wasn't some weird issue on my end that was sticking around.

Has the fix not been implemented publicly, perhaps? I haven't noticed any visible updates to the versions listed in the changelog nor the list of available versions.

circlejourney

Oh yeah, you may have to hard refresh with Ctrl + Shift + R. Let me know if it's working after that?

Grinalbi

Tried doing both a browser refresh like you mentioned as well as the in-editor hard reset and it's still not working, RIP.

circlejourney

Apollyna may have found the issue, I don't have the time to update this till the end of the week but I'll have it on high priority!

Grinalbi

No worries, I appreciate the effort you've made for this project. Thank you!

Apollyna

I can confirm the icons don't seem to be working exactly the same as they do on toyhouse - did the reset and everything.

Here's some pics of the exact same html and css(none) across the two sites, if it helps:

[ on circlejourney ]
[ on toyhouse ]

Some specific icons display differently too; either disappearing completely, or taking a whole different shape (example: fa-signature, next to the "name" line in both pics).

If I had to guess, perhaps the font awesome kit installed on circlejourney is an old version or a beta version? -- checked to see if I was on the right track with this guess; and the signature icon on circlejourney does indeed match an older version of FA: [ pic ]

Apollyna

circlejourney // my extreme apologies if i have pinged you twice here -- just figured I'd drop your @ in case toyhouse doesnt automatically notify of new forum posts ^^

circlejourney

Yeah you're right, I'll have to go back and take a look at what version of the files my site is serving. Thanks for letting me know!