Bug 256883

Summary: Unexpected corner pixelation rendered in <th> with border-radius
Product: WebKit Reporter: samuel
Component: CompositingAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 16   
Hardware: Mac (Apple Silicon)   
OS: macOS 13   
Attachments:
Description Flags
simple HTML that illustrates the problem
none
screenshot of the issue none

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.