Bug 195016 - WebKit has special UA stylesheet rule to give tables `border-color:grey`, which doesn't quite match spec & may be historical cruft
Summary: WebKit has special UA stylesheet rule to give tables `border-color:grey`, whi...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 12
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2019-02-25 14:19 PST by Daniel Holbert
Modified: 2022-08-20 17:28 PDT (History)
8 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Daniel Holbert 2019-02-25 14:19:55 PST
(This bug covers some behavior that's common between Blink & WebKit. I've filed https://bugs.chromium.org/p/chromium/issues/detail?id=935729 on Blink.)

STR:
(1) Load https://jsfiddle.net/a6n0cb9j/

EXPECTED RESULTS:
The borders should all be the same color.

ACTUAL RESULTS:
Safari 12 uses a grey border for the table, but a black border for the td and th.


Firefox 65 [1], Edge 18, and IE11 all give EXPECTED RESULTS, rendering both borders as black (via `currentColor`).

Technically the WHATWG HTML spec says all three borders should be grey, via this rule:
>  table, td, th { border-color: gray; }
https://html.spec.whatwg.org/multipage/rendering.html#tables-2

...but I think we should remove that entirely because code-archeology seems to indicate that this was for compatibility with IE at the time[2], and IE itself doesn't have this behavior anymore.  I've filed https://github.com/whatwg/html/issues/4391 on making this spec change.

[1] Firefox renders both borders black if the testcase is in standards-mode, or both gray in quirks mode. But I'd like to remove the quirks-mode behavior.

[2] Reference for code-archeology on the ancient-IE compat note: https://bugzilla.mozilla.org/show_bug.cgi?id=84307#c20 ("IE and Opera, which always use gray" back in 2006. Nowadays IE uses currentColor, i.e. black by default.)
Comment 1 Radar WebKit Bug Importer 2019-02-25 16:27:24 PST
<rdar://problem/48382483>
Comment 2 Ahmad Saleem 2022-08-20 17:28:15 PDT
I am able to reproduce this bug in Safari 15.6.1 and Safari Technology Preview 151 using JSFiddle from Comment 0 and it show "Grey" outer border but "black" for TD and TH. It matches with Chrome Canary 106 but differ from Firefox Nightly 105, which shows "Black" for both cases. Just wanted to share updated testing results. Thanks!