Bug 281204

Summary: Shift of Diacritical Marks When Adjusting letter-spacing in Safari
Product: WebKit Reporter: YusukeS <te102124>
Component: TextAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Major CC: fantasai.bugs, karlcow, vitor.roriz, webkit-bug-importer
Priority: P2 Keywords: BrowserCompat, InRadar
Version: Safari 17   
Hardware: Mac (Intel)   
OS: macOS 14   
Attachments:
Description Flags
Screenshot
none
rendering in safari, firefox, chrome none

YusukeS
Reported 2024-10-10 00:57:07 PDT
Created attachment 472892 [details] Screenshot This post relates to the Marshallese language. When adjusting letter-spacing to display text in a web browser on Safari for Mac and iOS, diacritics shift to the right (see attachment). The issue occurs with the following characters: L̦ (U+004C, U+0326) M̦ (U+004D, U+0326) O̦ (U+004F, U+0326) This issue can be reproduced even with the simple HTML below, and it does not occur on Windows. sample.html <!DOCTYPE html> <head> <meta charset="UTF-8"> <title>Letter Spacing Example</title> <style> .normal-spacing { letter-spacing: normal; } .wide-spacing { letter-spacing: 12px; } </style> </head> <body> <h1 class="normal-spacing">L̦M̦O̦</h1> <h1 class="wide-spacing">L̦M̦O̦</h1> </body> </html> Thank you for your consideration.
Attachments
Screenshot (12.80 KB, image/png)
2024-10-10 00:57 PDT, YusukeS 		no flags
Details
rendering in safari, firefox, chrome (3.74 MB, image/png)
2024-10-11 06:21 PDT, Karl Dubost 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Karl Dubost
Comment 1 2024-10-11 06:21:43 PDT
Created attachment 472904 [details] rendering in safari, firefox, chrome This is indeed broken in Safari. Firefox and Chrome have the same rendering. tested on Safari Technology Preview 205 20621.1.2.111.4 Firefox Nightly 133.0a1 13324.10.7 Google Chrome Canary 131.0.6768.0 6768.0
Radar WebKit Bug Importer
Comment 2 2024-10-11 06:22:23 PDT
<rdar://problem/137748406>
Note You need to log in before you can comment on or make changes to this bug.