Bug 222734

Summary: No kerning between inline elements
Product: WebKit Reporter: Bence Meszaros <mrbencem>
Component: TextAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: mitz, mmaxfield, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 14   
Hardware: Mac (Intel)   
OS: macOS 10.15   
See Also: https://bugs.webkit.org/show_bug.cgi?id=6148
Attachments:
Description Flags
Kerning issue is visible in Safari 14.0.3 (dev tools open to show source) none

Bence Meszaros
Reported 2021-03-04 06:08:59 PST
Created attachment 422219 [details] Kerning issue is visible in Safari 14.0.3 (dev tools open to show source) Hi, WebKit does not apply kerning between inline elements. To reproduce the issue, add two inline elements (e.g. span) inside a block (p, h1, h2, ...) that contain a continuous text and the kerning issue is clearly visible when the text is rendered on screen. This is an example (with no CSS, no JS, everything is default in the document): <html> <head> </head> <body> <p><span>HA</span><span>W</span><span>AII</span></p> <p>HAWAII</p> </body> </html> This is a slightly different example with only one inline element, but the issue is the same: <html> <head> </head> <body> <p>HA<span>W</span>AII</p> <p>HAWAII</p> </body> </html> The second p element with the same text is for reference. Blink seems to be unaffected (Chrome 88.0.4324.192).
Attachments
Kerning issue is visible in Safari 14.0.3 (dev tools open to show source) (53.61 KB, image/png)
2021-03-04 06:08 PST, Bence Meszaros 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2021-03-11 06:09:13 PST
<rdar://problem/75313222>
Myles C. Maxfield
Comment 2 2021-03-12 18:21:06 PST
*** This bug has been marked as a duplicate of bug 6148 ***
Note You need to log in before you can comment on or make changes to this bug.