First emoji not showing correctly in Reading mode for headers

[stecydube]

Using theme (either regular or nord)

If you use a level 1 header like the following:

# 🍟 header

The emoji icon gets squished.

Go deeper for the heading level (like 5 or 6) and it disappears completely.

Also, spacing around it is not right when surrounded by spaces in some occasions:

Header 🍔miam ➡️ pizza

gives

---

Using Obsidian V0.13.23
ITS Theme, latest as of today but the problem existed before
On Windows 10

[SlRvb]

This looks like you've got an emoji plugin installed 🤔

[stecydube]

Dang, you're right it was caused by the Emoji Toolbar plugin. No longer present when I disabled it.

I'll let them know of the problem. Thank you 😎

[stecydube]

Additional findings. There is clearly a combined effect between a specific style setting and the Emoji Toolbar plugin.

Editing mode

Reading mode

ITS theme: default

ITS theme with only setting the "Center heading with lines" enabled:

Works ok for the "Center headings" option though.

I just noticed that when "Center headings" is active, the underline does not get centered and that's even with the Emoji plugin disabled.

[SlRvb]

Hmm very strange 🤔 I'll see what's going on.

[SlRvb]

Ahh ok, I see the problem with the emoji toolbar, should be fixed now. f7a5643

---

As far as the regular center heading line not centering, that was intentional, but I guess I can see if I can also center those lines 🤔

Edit: Centered the lines now 👍🏽 b57fbf3

[stecydube]

All fixed.
Found out that emoji don't show in back ticks when used inside a JS code block when the Emoji plugin is active. Not sure it's on your side though.

For example:

```js
console.log (`🍪`);
```

[SlRvb]

I think that's an issue with the emoji toolbar 🤔 Seems to work fine on my vault that doesn't have the plugin installed

[stecydube]

It definitely is an issue with the emoji toolbar, tried it with the default theme. Going to raise an issue with their team.