New issue
Advanced search Search tips

Issue 620391 link

Starred by 2 users
Status: WontFix
Owner:
chrishtr@chromium.org
Closed: Aug 2016
Cc:
pdr@chromium.org
ajha@chromium.org
timloh@chromium.org
vmp...@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 2
Type: Feature



Sign in to add a comment

No support for CSS outline-color: invert

Reported by impressi...@gmail.com, Jun 15 2016 
UserAgent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.84 Safari/537.36

Example URL:
https://jsbin.com/pozopi/edit?html,css,output

Steps to reproduce the problem:
1. Set the outline-color property to a value of "invert"

What is the expected behavior?
The spec explains: "Invert is expected to perform a color inversion on the pixels on the screen. This is a common trick to ensure the focus border is visible, regardless of color background."

See: https://drafts.csswg.org/css-ui-3/#outline-color

Note that "invert" is also listed as the initial value for this property, so it should appear by default when a color is not defined.

What went wrong?
The computed value of the outline-color is rgba(0,0,0,0), which is transparent.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? N/A 

Did this work before? No 

Does this work in other browsers? N/A 

Chrome version: 51.0.2704.84  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: Shockwave Flash 21.0 r0

Works in IE11, and used to work in Opera prior to Chromium/Blink.

Comment 1 by impressi...@gmail.com, Jun 15 2016 

Further on this, I just found this in the spec:

> Conformant UAs may ignore the invert value on platforms that do not support color inversion of the pixels on the screen.

I assume this is the reason for the lack of support? Are there any plans for that to change?

Comment 2 by ajha@chromium.org, Jun 16 2016

Cc: ajha@chromium.org
Components: Blink>CSS
Labels: M-53 OS-Linux OS-Mac
Status: Untriaged (was: Unconfirmed)
Able to reproduce this on the latest canary(53.0.2768.0) on Windows-7, Mac OS 10.11.5 and Linux Ubuntu 14.04. Looks like only IE supports this as of now. Older chrome version: 30.0.1549.0 shows black background.


Marking this Untriaged and labelling accordingly for more inputs on this.

Comment 3 by timloh@chromium.org, Jun 16 2016

Cc: timloh@chromium.org
Components: -Blink>CSS Blink>Paint
Labels: -OS-Linux -OS-Windows -Type-Compat -OS-Mac OS-All Type-Feature
I don't think we intend to implement this, paint folks could you confirm?

Comment 4 by schenney@chromium.org, Jun 16 2016

Cc: pdr@chromium.org
Owner: chrishtr@chromium.org
Status: Assigned (was: Untriaged)
chrishtr@ and pdr@ for an opinion on implementing this.

Comment 5 by pdr@chromium.org, Jun 17 2016 

Because this is only implemented in Edge now, I would lean towards pushing for removal so all browsers are consistent. The usecase does make sense to me but it can be achieved in other ways, and consistent behavior in all browsers seems more important than a special-case for outline.
Project Member

Comment 6 by sheriffbot@chromium.org, Jul 5 2016

Labels: -M-53 M-54 MovedFrom-53
Moving this nonessential bug to the next milestone.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 7 by chrishtr@chromium.org, Aug 23 2016

Status: WontFix (was: Assigned)
https://github.com/w3c/csswg-drafts/issues/423

Closing this issue as WontFix, due to desire not to have the feature in the spec.
►

Sign in to add a comment