Unexpected corner pixelation rendered in <th> with border-radius 
https://bugs.webkit.org/show_bug.cgi?id=256883
Summary Unexpected corner pixelation rendered in <th> with border-radius
samuel
Reported 2023-05-17 02:22:07 PDT
Created attachment 466378 [details] simple HTML that illustrates the problem A line renders in-between <th> elements when the first <th> has a border-top-left-radius set. The attached example HTML displays the issue in our end in most zoom levels, but not all. The text inside the <th> also seems to matter, some contents doesn't trigger the issue for some reason. FYI, we ended up using border-top-left-radius like this due to bug 251909.
Attachments
simple HTML that illustrates the problem (331 bytes, text/html)
2023-05-17 02:22 PDT, samuel 		no flags
Details
screenshot of the issue (29.62 KB, image/png)
2023-05-17 02:22 PDT, samuel 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
samuel
Comment 1 2023-05-17 02:22:26 PDT
Created attachment 466379 [details] screenshot of the issue
samuel
Comment 2 2023-05-17 02:26:23 PDT
We cannot reproduce the issue in Epiphany.
Radar WebKit Bug Importer
Comment 3 2023-05-17 09:39:56 PDT
<rdar://problem/109464149>
Radar WebKit Bug Importer
Comment 4 2023-05-17 09:43:55 PDT
<rdar://problem/109464398>
Karl Dubost
Comment 5 2023-05-17 18:13:45 PDT
I could reproduce with macOS Safari TP 169, but it's 1. Very subtle 2. And only on certain zoom levels.
Note You need to log in before you can comment on or make changes to this bug.