#1

Steps to reproduce

Type in 111👨abc🐭国 in the editor

Expected result & Actual result

With default font (Apple Color Emoji), the emoji in both preview and editor are misaligned and overlapping with the following text. The emoji behave normally when Apple Color Emoji in the variable --default-font is replaced with Segoe UI Emoji in custom css.

image

Environment

  • Operating system: macOS 11.1 (20C69)
  • Obsidian version: v0.10.2
Emojies in titles lack space
#2

Does this happen with the default css?

This is likely an upstream electron problem or something that apple changed recently.
If you have an old installer version you can try to download and install a fresh copy of obsidian from the website. Maybe it will help.

#3

I’ve tested old versions of obsidian with fresh copies, and here are the results:

Emoji looks normal before v8.0.12…

image
image2231×367 109 KB

image
image2228×402 121 KB

image
image2196×479 104 KB

image
image1606×493 104 KB

And misaligned since then:

image
image2233×502 115 KB

image
image2232×503 113 KB

#4

i confirm that is a very weird bug/ regression that happened in electron(chrome) going from version 10 to 11

#5

image
image1318×230 23.6 KB

Fixed in v0.10.3 :laughing:

#6

I don’t know. we didn’t fix this.

#7

Does this not happen because you are using a custom theme?

#8

Wired, the same bug appears again…
image
I’m using the same custom theme as the previous post. Don’t know what is causing this…

#9

Same thing happened again when I updated to v0.10.4. The bug seems to be temporarily fixed when obsidian is updated to a newer versionimage

#10

Confirmed that the bug is caused by the display resolution, this topic may be relevant (Emoji rendered in Chrome have different widths than in other browsers)

2560x1440 without HiDPI (native non-retina display)

image
image1070×102 23.6 KB

image

2560x1440 with HiDPI enabled (the same display faked as retina display)

image
image1078×92 18 KB

image