| Summary: |
`currentColor` in `color-mix()` ignores selectors with `:visited` pseudo-class |
| Product: |
WebKit
|
Reporter: |
Niklas Ljunglöf <slipped-gazette.0w> |
| Component: |
CSS | Assignee: |
Matthieu Dubet <m_dubet> |
| Status: |
RESOLVED
FIXED
|
|
|
| Severity: |
Normal
|
CC: |
bfulgham, heycam, koivisto, m_dubet, simon.fraser, webkit-bug-importer, wilander
|
| Priority: |
P2
|
Keywords: |
InRadar |
| Version: |
Safari Technology Preview | |
|
| Hardware: |
Unspecified | |
|
| OS: |
Unspecified | |
|
| See Also: |
https://github.com/web-platform-tests/wpt/pull/41707
|
| Attachments: |
|
How to reproduce: ``` a { background-color: white; &:link { color: navy }; &:visited { color: firebrick }; &:hover { background-color: color-mix(in srgb, currentColor, white 75%); }; } ``` Currently with this code, `currentColor` inherits `navy` instead of the expected `firebrick`. I know these pseudo-classes come with several restrictions due to privacy concerns, however I don't think they are relevant here since `currentColor` works as expected when not using `color-mix()`. Furthermore this issue does not seem to occur in Chrome or Firefox.