Bug 283340

Summary: Text node after an emoji that is not an “Apple Color Emoji” will have the wrong color.
Product: WebKit Reporter: taozhuang
Component: TextAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: fantasai.bugs, rik, vitor.roriz, webkit-bug-importer, zarv1k
Priority: P2 Keywords: InRadar
Version: Safari 18   
Hardware: Mac (Apple Silicon)   
OS: All   
See Also: https://bugs.webkit.org/show_bug.cgi?id=281739
Attachments:
Description Flags
A repro demo
none
Emoji-mart demo with custom emoji font regression bug none

taozhuang
Reported 2024-11-18 20:05:23 PST
Created attachment 473275 [details] A repro demo In an div or p element, if the last node of a div or p element is an emoji and its font is not "Apple Color Emoji", the next text node will use a wrong color. In the Demo, I use "Segoe UI Emoji" from Microsoft and the last text node "After Emoji" should be white as others, but it becomes brown. If the emoji is not the last node, it fixes. If I change the emoji's font to "Apple Color Emoji", it fixes. If I remove the color of the emoji, it fixes. Tested in Safari 17 - 18.1.
Attachments
A repro demo (6.26 MB, application/zip)
2024-11-18 20:05 PST, taozhuang 		no flags
Details
Emoji-mart demo with custom emoji font regression bug (2.65 MB, video/quicktime)
2026-04-07 06:49 PDT, zarv1k 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2024-11-25 20:06:14 PST
<rdar://problem/140565717>
zarv1k
Comment 2 2026-04-07 06:45:17 PDT
The bug is still reproducing in Safari Version 26.3.1 (21623.2.7.111.2)
zarv1k
Comment 3 2026-04-07 06:49:59 PDT
Created attachment 478945 [details] Emoji-mart demo with custom emoji font regression bug https://learn.missiveapp.com/open/emoji-mart/example-custom-font.html
Anthony Ricaud
Comment 4 2026-04-07 11:27:40 PDT
*** This bug has been marked as a duplicate of bug 281739 ***
Note You need to log in before you can comment on or make changes to this bug.