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: NEW    
Severity: Normal CC: fantasai.bugs, vitor.roriz, webkit-bug-importer
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

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
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2024-11-25 20:06:14 PST
<rdar://problem/140565717>
Note You need to log in before you can comment on or make changes to this bug.