Unicode Emojis are Broken.

[djos]

Hi Admins and Mods, I've noticed that for the last week or so, Unicode Emojis have been non-functional. The board smilies work, eg but Unicode Emojis result in a series of question mark icons instead. eg

[AR3-GP]

Hi Admins and Mods, I've noticed that for the last week or so, Unicode Emojis have been non-functional. The board smilies work, eg but Unicode Emojis result in a series of question mark icons instead. eg

Your post looks like this to me:



I don't see question marks. I see emojis.

[djos]

That's odd, I see the issue in both Safari and Edge, but slightly differently:

Safari / Edge:

[Steven]

Jep, looks fine for me too

[djos]

Jep, looks fine for me too

The issue is happening on my iPhone and both my Mac’s. Was there a forum update recently?

[Steven]

No recent updates. Testing one currently for soon, but nothing pushed to server yet.

What's the url of the broken images that you get?

[djos]

No recent updates. Testing one currently for soon, but nothing pushed to server yet.

What's the url of the broken images that you get?

I found the issue, the emojis aren't being hosted using HTTPS and more secure browser config's are blocking access:

[Steven]

They are being served through https!
If you check the source code, you will see this: "//twemoji.maxcdn.com/2/svg/1f596.svg"
You can see the protocol is missing, which means: same proto as page, which should be https.

Still not sure what's happening.
Can you confirm you see this protocol-agnostic url in the html source of the page?

Can you try editing the source (via the dev tools in the browser) by adding the "https:" to see if this changes anything?

UPDATE:
I see a problem in my browser's devtools! I got NS_BINDING_ABORTED on both emojis.
I'll try to work out what that is, never seen that before.

UPDATE2:
The NS_BINDING_ABORTED shouldn't be the problem. It's a connection aborted message and happens in our case because the emojis are displayed repeatedly on the page. The browser works out it has already requested these images from this URL so cancels the second/third/... requests.
Since you are getting the problem also on your post (which is the first time the emojis are encountered in the source of this page) this seems unrelated.

[djos]

I’m just cooking the family dinner ATM, but let me know what you would like me to test and I’ll grab the info once I’m finished.

[djos]

After some more testing, I can confirm the URL's are HTTPS:

Code: Select all

https://twemoji.maxcdn.com/2/svg/1f60e.svg

However digging a bit deeper, it seems to be related to the certificate - Chrome, Edge and Safari all throw a certificate error:

Safari warns you when a website has a certificate that is not valid. This may happen if the website is misconfigured or an attacker has compromised your connection.

However, Chrome and Edge are both suggesting there is something funky going on with the way twemoji is hosting the emojis (I've removed my domain name from the error).

This server could not prove that it is twemoji. maxcdn.com; its security certificate is from <my Synology DNS domain>. This may be caused by a misconfiguration or an attacker intercepting your connection.

Im running a small business grade Synology Router (RT6600ax) with dynamic dns hosted by Synology - Im not seeing any issues on other forums I frequent.

[Steven]

It's definitely strange that you get this "unsafe" error on https://twemoji.maxcdn.com/2/svg/1f60e.svg
When I open this, I get redirected to https://cdn.jsdelivr.net/npm/twemoji@11 ... /1f60e.svg and see the emoji.
Anybody else sees this?

So, are you on here via https?
And secondly, right-click on the emoji > inspect > check the url in the source box of the devtools that just opened. It starts with "//" right?

[djos]

So, are you on here via https?
And secondly, right-click on the emoji > inspect > check the url in the source box of the devtools that just opened. It starts with "//" right?

Yep:

Code: Select all

https://www.f1technical.net/forum/viewtopic.php?p=1148631#p1148631

Here is the element info from edge which shows the emoji and a broken image for each:

Code: Select all

<div class="content">Hi Admins and Mods, I've noticed that for the last week or so, Unicode Emojis have been non-functional. The board smilies work, eg  <img class="smilies" src="./images/smilies/icon_cool.gif" width="15" height="17" alt="8)" title="Cool">  but Unicode Emojis result in a series of question mark icons instead. eg <img alt="😎" class="emoji smilies" draggable="false" src="//twemoji.maxcdn.com/2/svg/1f60e.svg"><img alt="🖖" class="emoji smilies" draggable="false" src="//twemoji.maxcdn.com/2/svg/1f596.svg"></div>

[Steven]

So the issue occurs because of the redirect that I mentioned.
It turns out the newer forum version that I'm testing is using the new url directly which should sort this problem.

I'll see if I can apply a quickfix but otherwise I can only ask for a bit of patience.

[djos]

So the issue occurs because of the redirect that I mentioned.
It turns out the newer forum version that I'm testing is using the new url directly which should sort this problem.

I'll see if I can apply a quickfix but otherwise I can only ask for a bit of patience.

Cool, all good and no hurry - it's not a dealbreaker, I just thought it odd that no one else had seen the issue.

[djos]

Hi Steven, this issue is still present - I’ve done some digging and the method for linking the emojis is triggering the Threat Prevention module on my router.

I run a business grade Synolgy RT6600ax connected to Gigabit FTTP (I mostly work from home these days).