895889 - Allow toggling of CSS shorthands and longhands in Rule View

Status: NEW

(DevTools :: Inspector, defect, P3)

Description

[Mike Ratcliffe [:miker] [:mratcliffe] [:mikeratcliffe]]

Firebug allows toggling of CSS shorthands and longhands (I prefer this inline a la Firebug) rather than using an expandable tree. A rule could have both "border: 0 solid #F00" and "border-bottom: 10px". If that is what is in my CSS then that is what I would want to see in the rule view instead of the mess that we currently show.

Comment 1

[Sebastian Zartner [:sebo]]

I assume the issue here is rather that in the case of having 'border' and 'border-*' defined, the serialization fails. See bug 713613.

Sebastian

Comment 2

[Mike Ratcliffe [:miker] [:mratcliffe] [:mikeratcliffe]]

(In reply to Sebastian Zartner [:sebo] from comment #1)
> I assume the issue here is rather that in the case of having 'border' and
> 'border-*' defined, the serialization fails. See bug 713613.
> 
> Sebastian

Yes, it is due to the way we parse CSS. Not much we can do without causing memory bloat.

At some point I will probably write a CSS parser using JS, which isn't hard.

I often wonder if this would be a better solution as we could include vendor prefixed and authored CSS.