[Webkit-unassigned] [Bug 222734] New: No kerning between inline elements

Thu Mar 4 06:08:59 PST 2021

https://bugs.webkit.org/show_bug.cgi?id=222734

            Bug ID: 222734
           Summary: No kerning between inline elements
           Product: WebKit
           Version: Safari 14
          Hardware: Mac (Intel)
                OS: macOS 10.15
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Text
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: mrbencem at gmail.com
                CC: mmaxfield at apple.com

Created attachment 422219

  --> https://bugs.webkit.org/attachment.cgi?id=422219&action=review

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).

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20210304/12881d5c/attachment.htm>