[Webkit-unassigned] [Bug 246100] New: Text is slightly misaligned at specific font sizes or container widths

[bugzilla-daemon at webkit.org]

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

            Bug ID: 246100
           Summary: Text is slightly misaligned at specific font sizes or
                    container widths
           Product: WebKit
           Version: Safari 15
          Hardware: Mac (Intel)
                OS: macOS 12
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Text
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: webkitbugzilla at zxql.net
                CC: mmaxfield at apple.com

A perfectly square character will be misaligned in certain cases.

See in action: https://codepen.io/RoelN/pen/xxjpwjP

There are two ways to trigger this bug:

1. Container is 800px. The font size of the icon is 64px, and is spinning via a CSS animation. The icon is centered (good). Change the font size to 64px, and the icon is suddenly not centered. It "wobbles". This is not good.

2. With the font size at 64px, there is no wobble. But change the container width to 800.5px, and the character wobbles. Anything below 0.5 will not cause a wobble, but anything above 0.5 will.

This does not happen in Firefox of Chrome. Curiously, it does happen in Windows.

I'm on a MacBook Pro (16-inch, 2019), 2,6 GHz 6-Core Intel Core i7. Safari Version 15.6.1 (17613.3.9.1.16), no extensions.

-- 
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/20221005/81033113/attachment.htm>