Icons not loading in scroll viewport confluence site

[Test]

The icons used in the instructions or related articles links are not loading in scroll viewport site instead it shows charchode like \uD83D\uDCD8

[Thomas Cebulla]

As of today, we also have this problem in our Confluence pages.
Everything looked OK for months.
We have a significant number of pages that we have created with the Confluence meeting notes template.
The icons were always there, since today they are gone and replaced by \uD83D\uDxxx.
If it used to work and now it doesn't, the problem must be somewhere else.
And seriously, going through all the pages, deleting the icons everywhere and reinserting all the icons definitely can't be the solution.

[Sven Schatter (K15t)]

Hi @Test,

This looks like it's one of the "default pages" that Confluence automatically creates when you create a new space. For some reason, the underlying storage format of these pages seems to be a little corrupt which causes the issue you're seeing.

This is very easy to fix:

• Delete the emojis in that page
• Insert the emojis again (e.g. by typing ":blue_book:")

This will replace the corrupt data with normal data and you should see your emojis also in your Scroll Viewport site.

Note that this is a problem that only exists for these "default pages" and will never happen if you create pages yourself using the Confluence editor. If you want to understand why, see the technical explanation below.

---

If you are interested in the technical details, here is what's going on under the hood. Usually, when you have an emoji in your page, the storage format that Confluence creates for it looks like this:

<ac:emoticon ... ac:emoji-fallback="📘" />

But in these "default pages" the storage format for some reason looks like this:

<ac:emoticon ... ac:emoji-fallback="\uD83D\uDCCB" />

Which is exactly what you're seeing in your Scroll Viewport site, right?

I have no idea why Confluence creates broken "default pages" like that, but when you manually create pages, the Confluence editor will always generate the correct storage format. Therefore, this will never be a problem when you insert emojis or create pages yourself.

---

Hope this helps!

Cheers,
Sven

[Test]

Hi @Sven Schatter (K15t) 

Created a new page using the template provided by confluence and got the same result. Is the issue when using a default templates of confluence?

[Sven Schatter (K15t)]

Hi @Test,

Yes, that seems to be the problem!

Cheers,
Sven