1538676 - Hide overridden auto-expanded longhand properties when the value is missing

Status: RESOLVED FIXED

(DevTools :: Inspector: Rules, defect)

Description

[Patrick Brosset <:pbro>]

Steps to reproduce:

• open this URL in a tab: data:text/html,<style>div{--color:red;background:var(--color);background-repeat:no-repeat;}</style><div>inspect me
• open the inspector
• select the <div>

The background property is a shorthand. Shorthands usually are preceded by an expander icon to reveal the computed values for longhands. Except here the value contains a CSS variable and as of bug 1535315 we don't reveal longhands in these cases.

Now, in this specific case, one of the longhands is overridden later, and that makes the rule-view still show that one longhand as overridden.
We should probably also hide this, since the value is shown as empty, and we don't currently have a way of getting the actual value.

Comment 1

[Patrick Brosset <:pbro>]

Attachment: Bug 1538676 - Hide the auto-expanded overridden longhands when value is empty; r?gl!

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/e724e61a8801
Hide the auto-expanded overridden longhands when value is empty; r=gl

Comment 3

[Cristian Brindusan [:cbrindusan]]

https://hg.mozilla.org/mozilla-central/rev/e724e61a8801

Comment 4

[Peter Van der Beken [:peterv]]

https://hg.mozilla.org/projects/ash/rev/e724e61a88017c8301b14f574ddb4c85ce722b65
Bug 1538676 - Hide the auto-expanded overridden longhands when value is empty; r=gl