Summary: | table with `border-collapse: collapse` and td with translucent border doesn’t render properly | ||||||||
---|---|---|---|---|---|---|---|---|---|
Product: | WebKit | Reporter: | Ricky Mondello <rmondello> | ||||||
Component: | Tables | Assignee: | 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: |
|
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!
|
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.