NEW 123858
table with `border-collapse: collapse` and td with translucent border doesn’t render properly 
https://bugs.webkit.org/show_bug.cgi?id=123858
Summary table with `border-collapse: collapse` and td with translucent border doesn’t...
Ricky Mondello
Reported 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.
Attachments
An archive containing a small html file illustrating the problem as well as a screenshot comparing Firefox and (75.75 KB, application/zip)
2013-11-05 20:30 PST, Ricky Mondello 		no flags
Details
All browser slightly differ from each other (486.33 KB, image/png)
2022-08-18 12:10 PDT, Ahmad Saleem 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2013-11-05 20:35:07 PST
<rdar://problem/15401052>
Ahmad Saleem
Comment 2 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!
Note You need to log in before you can comment on or make changes to this bug.