New issue
Advanced search Search tips

Issue 614957 link

Starred by 2 users

Issue metadata

Status: Fixed
Owner:
Closed: Jul 2016
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug



Sign in to add a comment

DevTools all color display color selector

Reported by yio...@gmail.com, May 26 2016

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.102 Safari/537.36

Steps to reproduce the problem:
The following properties do not show the color of the box.

  /* gradient */
  list-style: linear-gradient(#C1F586, green);
  list-style-image: linear-gradient(#C1F586, green);

  border-image: linear-gradient(#C1F586, green);
  border-image-source: linear-gradient(#C1F586, green);

  -webkit-mask-box-image: linear-gradient(#C1F586, green);
  -webkit-mask-box-image-source: linear-gradient(#C1F586, green);

  -webkit-mask: linear-gradient(#C1F586, green);
  -webkit-mask-image: linear-gradient(#C1F586, green);

  /* color */
  text-decoration-color: green;

  -webkit-border-before: green;
  -webkit-border-after: green;
  -webkit-border-start: green;
  -webkit-border-end: green;

  -webkit-border-before-color: green;
  -webkit-border-after-color: green;
  -webkit-border-start-color: green;
  -webkit-border-end-color: green;

  -webkit-text-stroke: green;
  -webkit-text-stroke-color: green;
  -webkit-text-fill-color: green;

  -webkit-tap-highlight-color: green;

  column-rule: green;
  column-rule-color: green;

  -webkit-filter: drop-shadow(0 0 10px green);
  backdrop-filter: drop-shadow(0 0 10px green);

Maybe there is more, I think as long as it is the color should be the correct display of the color box.

What is the expected behavior?

What went wrong?
 /

Did this work before? N/A 

Chrome version: 50.0.2661.102  Channel: stable
OS Version: OS X 10.11.4
Flash Version: Shockwave Flash 21.0 r0
 
Chrome-color.png
70.5 KB View Download
Safari-color.png
80.8 KB View Download

Comment 2 by rsesek@chromium.org, May 26 2016

Components: Platform>DevTools>HTML

Comment 3 by samli@chromium.org, May 26 2016

Owner: l...@chromium.org
Status: Available (was: Unconfirmed)
This is trivial to fix. Just need to update CSSMetaData's color aware properties to understand these additional properties.

Comment 4 by l...@chromium.org, Jul 22 2016

Status: Started (was: Available)
https://codereview.chromium.org/2177693002/

Comment 5 by l...@chromium.org, Jul 22 2016

Thanks for catching this and compiling a list yiorsi@!
Project Member

Comment 6 by bugdroid1@chromium.org, Jul 25 2016

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/568960c4479990191aba0ae48fa08d665385d6aa

commit 568960c4479990191aba0ae48fa08d665385d6aa
Author: luoe <luoe@chromium.org>
Date: Mon Jul 25 18:30:28 2016

DevTools: update list of CSS properties that are color aware

BUG= 614957 

Review-Url: https://codereview.chromium.org/2177693002
Cr-Commit-Position: refs/heads/master@{#407523}

[modify] https://crrev.com/568960c4479990191aba0ae48fa08d665385d6aa/third_party/WebKit/Source/devtools/front_end/sdk/CSSMetadata.js

Comment 7 by l...@chromium.org, Jul 28 2016

Status: Fixed (was: Started)

Sign in to add a comment