[Webkit-unassigned] [Bug 221322] New: WebKit box-shadow rendering artifacts and imprecise calculation when relative units are used!

[bugzilla-daemon at webkit.org]

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

            Bug ID: 221322
           Summary: WebKit box-shadow rendering artifacts and imprecise
                    calculation when relative units are used!
           Product: WebKit
           Version: Safari 14
          Hardware: All
                OS: All
            Status: NEW
          Severity: Major
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: tobias at tujo.no

Created attachment 419115

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

All visible lines should have the same thickness

WebKit box-shadow rendering has artifacts and imprecise calculation when relative units are used.

Take a look at the Code-Pen example: https://codepen.io/tujoworker/pen/ExNVjZm

These two test cases do share the same box-shadow CSS, but has clearly a difference on how Safari/WebKit renders box-shadow when a different font-size is inherited.

No CSS then the browser defaults style should influence the test cases.

To make it more visible, we use 0.0625em (1px). But the imprecise calculation applies also to larger box-shadow sizes.

None of other tested browser does have that (Firefox/Chromium).

More info in the PEN, shared above.

-- 
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/20210203/a034e5ec/attachment.htm>