Bug 256883

Summary:

Unexpected corner pixelation rendered in <th> with border-radius

Product:

WebKit

Reporter:

samuel

Component:

Compositing

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

simon.fraser, webkit-bug-importer, zalan

Priority:

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

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.