New issue
Advanced search Search tips

Issue 896678 link

Starred by 2 users
Status: Assigned
Owner:
l...@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug



Sign in to add a comment

CSS Properties with UpperCase names have no hover help

Reported by dgutr...@gmail.com, Oct 18 
UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36

Steps to reproduce the problem:
1. Create a CSS Property with a name like --UpperCase
2. Use the property in a CSS style
3. Open Developer tools and hover over the property name
4. Note no hover help 

See this codepen for an example:
https://codepen.io/dgutride/pen/mzXYoL?editors=1100

What is the expected behavior?
Hovering over the property in use should display the value (or add a color icon if it's a color)

What went wrong?
The value does not display at all

Did this work before? N/A 

Chrome version: 70.0.3538.67  Channel: stable
OS Version: OS X 10.12.6
Flash Version:

Comment 1 by woxxom@gmail.com, Oct 18 

Observed since the feature was added.
Apparently caused by the lack of toLowerCase() in code added inside r546449:

    if (!availableCSSVariables.has(variableName))
      return null;

https://cs.chromium.org/chromium/src/third_party/blink/renderer/devtools/front_end/sdk/CSSMatchedStyles.js?l=520&rcl=52590937509617eb2637f22ad5110aa62cd6978e

Comment 2 by dgutr...@gmail.com, Oct 19 

I'd like to see if I can fix this (unless somebody else has already grabbed it).

Comment 4 by hhli@google.com, Oct 19

Owner: l...@chromium.org
Status: Assigned (was: Unconfirmed)
►

Sign in to add a comment