NEW 221322
WebKit box-shadow rendering artifacts and imprecise calculation when relative units are used!
https://bugs.webkit.org/show_bug.cgi?id=221322
Summary WebKit box-shadow rendering artifacts and imprecise calculation when relative...
Tobias Høegh
Reported 2021-02-03 02:05:41 PST
Created attachment 419115 [details] 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.
Attachments
All visible lines should have the same thickness (5.65 KB, image/png)
2021-02-03 02:05 PST, Tobias Høegh
no flags
Simon Fraser (smfr)
Comment 1 2021-02-03 19:24:25 PST
Pixel snapping?
Radar WebKit Bug Importer
Comment 2 2021-02-09 16:38:39 PST
Ahmad Saleem
Comment 3 2023-02-20 15:16:32 PST
I am able to reproduce this bug in Safari 16.3, STP163 and WebKit ToT (260566@main). Just wanted to update latest testing results. Thanks!
Note You need to log in before you can comment on or make changes to this bug.