Open
Bug 1442286
Opened 6 years ago
Updated 2 years ago
outline-color: invert is not supported
Categories
(Core :: CSS Parsing and Computation, defect, P3)
Tracking
()
NEW
| Tracking | Status | |
|---|---|---|
| firefox58 | --- | wontfix |
| firefox59 | --- | wontfix |
| firefox60 | --- | fix-optional |
People
(Reporter: jimallan, Unassigned)
Details
Attachments
(1 file)
|
58.99 KB,
image/png
|
Details |
Untitled1.png
User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.186 Safari/537.36
Steps to reproduce:
This is important for low vision users.
use the following code
<!DOCTYPE html>
<html>
<head>
<style>
p.ex1:focus {
outline-style: dashed;
outline-color: invert;
}
body {background-color: yellow;}
</style>
</head>
<body>
<h2>Using outline-color:invert</h2>
<p class="ex1" tabindex="0">A dashed invert outline.</p>
</body>
</html>
Actual results:
dashed outline in black
Expected results:
dashed outline should be blue
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:57.0) Gecko/20100101 Firefox/58.0 Build ID: 20180206200532 Managed to reproduce the issue on Windows 10 x64 and Mac OS X 10.12 using Firefox Release 58.0.2 and Firefox Beta 59.0b14 with the STR from the description. Nothing is displayed in the latest Nightly 60.0a1(2018-03-05).(please see attachment)
Status: UNCONFIRMED → NEW
status-firefox58:
--- → affected
status-firefox59:
--- → affected
status-firefox60:
--- → affected
Component: Untriaged → CSS Parsing and Computation
Ever confirmed: true
OS: Unspecified → All
Product: Firefox → Core
Hardware: Unspecified → All
Version: 60 Branch → 58 Branch
|
||
Updated•6 years ago
|
|
||
Comment 3•6 years ago
|
||
Edge is currently the only browser that implements outline-color:invert (whose implementation is optional according to css-ui-3).
Priority: -- → P3
|
||
Updated•2 years ago
|
Severity: normal → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•