Bug 264602 - mail/thunderbird, www/firefox: emoji and text overlapping
Summary: mail/thunderbird, www/firefox: emoji and text overlapping
Status: Closed FIXED
Alias: None
Product: Ports & Packages
Classification: Unclassified
Component: Individual Port(s) (show other bugs)
Version: Latest
Hardware: amd64 Any
: --- Affects Only Me
Assignee: freebsd-gecko (Nobody)
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2022-06-10 18:36 UTC by bsduck
Modified: 2022-09-27 20:36 UTC (History)
4 users (show)

See Also:
bugzilla: maintainer-feedback? (gecko)

Attachments
Examples of emoji overlapping text in Thunderbird (9.76 KB, image/png)
2022-06-10 18:36 UTC, bsduck 		no flags Details
Tab with emoji overlapping the text (8.09 KB, image/png)
2022-09-27 12:56 UTC, Marcin Cieślak 		no flags Details
emojipedia.org tab properly displayed in Firefox (33.73 KB, image/png)
2022-09-27 17:12 UTC, bsduck 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description bsduck 2022-06-10 18:36:56 UTC 
Created attachment 234602 [details]
Examples of emoji overlapping text in Thunderbird

Hello,

Since a few months, Thunderbird messes up the display of messages containing emoji: text and emoji overlap, like if the program forgot to space the text accordingly. See the attached picture for examples.

The emoji font used is x11-fonts/twemoji-color-font-ttf (installed automatically as a dependency of LibreOffice). Removing this font results in no emoji displayed in Thunderbird anymore, although x11-fonts/noto-emoji is also installed.

Firefox is affected by the same problem, if twemoji is the only emoji font installed. The problem appeared simultaneously on both Mozillas, both were using twemoji without issues before. However the difference here is that Firefox does use noto-emoji when available and rendering is still ok when using that font.

See my related post on the Forums to see how different Firefox behaves with twemoji versus noto-emoji: https://forums.freebsd.org/threads/emoji-not-displayed-or-overlapping-text.84951/

I'm using latest packages on 13.1-STABLE amd64.
Comment 1 Christoph Moench-Tegeder freebsd_committer freebsd_triage 2022-06-22 18:49:12 UTC 
With firefox 102, emojipedia looks much better than with 101. I've no idea where else to find websites with emoji for another test. If the problem persists in thunderbird, I guess it might improve in this update cycle. I do not have emails with emoji.
Comment 2 bsduck 2022-06-27 12:03:05 UTC 
I just upgraded both and the issue is indeed solved in Firefox 102.0, but not yet in Thunderbird 91.11.0. The upcoming Thunderbird 102.0 will likely fix it too.
Comment 3 bsduck 2022-09-20 12:38:55 UTC 
As expected, fixed in Thunderbird 102.
Comment 4 Marcin Cieślak 2022-09-27 12:56:01 UTC 
Created attachment 236874 [details]
Tab with emoji overlapping the text

Not quite, on Emojipedia I can still see some overlap (half-emoji) in the tab title (attached...)
Comment 5 bsduck 2022-09-27 17:12:26 UTC 
Created attachment 236883 [details]
emojipedia.org tab properly displayed in Firefox
Comment 6 bsduck 2022-09-27 17:14:33 UTC 
I don't have such a thing (see attachment). You seem to have a different problem, with emoji being too big and therefore extending outside their dedicated space. Which emoji font do you use? The only one installed on my system is twemoji-color-font-ttf.
Comment 7 Marcin Cieślak 2022-09-27 20:31:12 UTC 
$ fc-list |grep moji
/usr/local/share/fonts/emojione-color-font-ttf/EmojiOneColor-SVGinOT.ttf: EmojiOne Color:style=Regular
/usr/local/share/fonts/twemoji-color-font-ttf/TwitterColorEmoji-SVGinOT.ttf: Twitter Color Emoji:style=Regular
Comment 8 Marcin Cieślak 2022-09-27 20:36:43 UTC 
Ok, I have removed EmojiOneColor-SVGinOT.ttf and now it looks better.
Can't remove twemoji since it seems like it is required by libreoffice ...