Bug 123858

Summary: table with `border-collapse: collapse` and td with translucent border doesn’t render properly
Product: WebKit Reporter: Ricky Mondello <rmondello>
Component: TablesAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: 15626002811, ahmad.saleem792, ap, bfulgham, rmondello, rniwa, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
An archive containing a small html file illustrating the problem as well as a screenshot comparing Firefox and
none
All browser slightly differ from each other none

Description Ricky Mondello 2013-11-05 20:30:22 PST
Created attachment 216115 [details]
An archive containing a small html file illustrating the problem as well as a screenshot comparing Firefox and 

When a table is styled with `border-collapse: collapse` and its cells have a border defined with opacity (e.g. rgba(0, 0, 0, 0.1)), a single border color should be calculated and uniformly applied throughout the border of the table. That is, regions should not get darker on edges and corners between cells.

Gecko seems to do this much better than WebKit does, although it’s not perfect (see the slight diagonal at the corners). I’ve attached a sample document that illustrates the issue, as well as a screenshot that compares Firefox 24.0 and Safari 7.
Comment 1 Radar WebKit Bug Importer 2013-11-05 20:35:07 PST
<rdar://problem/15401052>
Comment 2 Ahmad Saleem 2022-08-18 12:10:18 PDT
Created attachment 461718 [details]
All browser slightly differ from each other

I am not able to pinpoint which browser is aligned with web-spec or rendering this correctly but wanted to share updated results across all browsers (Safari 15.6.1, Firefox Nightly 105 and Chrome Canary 106).

Appreciate if someone can have a look. Thanks!