Bug 256883 - Unexpected corner pixelation rendered in <th> with border-radius
Summary: Unexpected corner pixelation rendered in <th> with border-radius
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Compositing (show other bugs)
Version: Safari 16
Hardware: Mac (Apple Silicon) macOS 13
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-05-17 02:22 PDT by samuel
Modified: 2023-05-17 18:13 PDT (History)
3 users (show)

See Also:

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 an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description samuel 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.
Comment 1 samuel 2023-05-17 02:22:26 PDT 
Created attachment 466379 [details]
screenshot of the issue
Comment 2 samuel 2023-05-17 02:26:23 PDT 
We cannot reproduce the issue in Epiphany.
Comment 3 Radar WebKit Bug Importer 2023-05-17 09:39:56 PDT 
<rdar://problem/109464149>
Comment 4 Radar WebKit Bug Importer 2023-05-17 09:43:55 PDT 
<rdar://problem/109464398>
Comment 5 Karl Dubost 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.