New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 623858 link

Starred by 3 users

Issue metadata

Status: Archived
Owner:
Last visit 29 days ago
Closed: Dec 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 2
Type: Feature



Sign in to add a comment

Enhance "inherit" value support in the Styles pane

Project Member Reported by phistuck@gmail.com, Jun 28 2016

Issue description

UserAgent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.84 Safari/537.36

Steps to reproduce the problem:
I propose the following changes -
1. Do not strike through values that are overridden by the "inherit" value.
2. Add a down arrow next to "inherit" values, in order to get to the value they inherit.

What is the expected behavior?

What went wrong?
"inherit" values are currently tedious to follow or trace (the computed styles pane makes it a little better, but there could be countless properties, or values, there, which makes it again tedious) and are somewhat misleading in that they override the value that they inherit.

Did this work before? No 

Chrome version: 51.0.2704.84  Channel: n/a
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: Shockwave Flash 21.0 r0
 
Labels: -OS-Windows -Type-Bug OS-All Type-Feature
Components: Platform>DevTools>HTML
Status: Available (was: Unconfirmed)
This sits in a weird space between authored styles and computed styles. I am interested in showing computed styles more inline with the Styles pane, which I think would resolve some of this concern.
Owner: chowse@chromium.org
Status: Assigned (was: Available)
Cc: chowse@chromium.org
Owner: lushnikov@chromium.org
I'd be interested if we could do something akin to annotations (when debugging JS) to show the computed property for inherited values, along with a way to find the source. I've attached a mock (with annotated behavior) of what this could look like.

+lushnikov for implementation feedback.

b623858-inherit-css.png
177 KB View Download
This would be great to have. Currently there is no way of determining which value is being inherited. When there are multiple possible values, the most specific value will be used for inheritance as per the cascade. In this case it is very difficult to find the inherited value.
Status: Archived (was: Assigned)
We don't have plans to work on this in the upcoming year. If you think this feature is important and should be implemented, please re-file with justification.

Thanks.

Sign in to add a comment