Bug 221112
| Summary: | Border-color incorrectly inherited in td | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Neil Ashford <neil.ashford> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | koivisto, neil.ashford, simon.fraser, webkit-bug-importer, zalan |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 14 | ||
| Hardware: | Mac (Intel) | ||
| OS: | macOS 11 | ||
Neil Ashford
Steps to reproduce
(1) Open this jsfiddle: https://jsfiddle.net/xmnt5b1w/
(2) Wait for it to load (hit run if necessary)
(3) Look at the border colours of the "td" elements within the table
Expected behaviour
The borders inside of the table (the td borders) should be black. As per the spec (https://drafts.csswg.org/css-backgrounds-3/#border-color) the default value here is currentColor, which for those td elements is black.
Actual behaviour
The border color on the td elements is red. When I use the inspector it shows that the red color is inherited from the parent table element, but the spec says that border-color is not an inherited property.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Simon Fraser (smfr)
Chrome shows the same behavior as WebKit. Firefox does not.
Neil Ashford
Yes, Chrome (and Edge, because Chromium) do show the same behaviour as webkit. I logged this bug https://bugs.chromium.org/p/chromium/issues/detail?id=1172023 against Chromium which is basically the same thing as the one I logged here.
Radar WebKit Bug Importer
<rdar://problem/74004548>