The default bug view has changed. See this FAQ.

Investigate how the inspector style panel works with shorthand properties

RESOLVED FIXED

Status

()

Firefox
Developer Tools
RESOLVED FIXED
7 years ago
6 years ago

People

(Reporter: jwalker, Assigned: miker)

Tracking

Trunk
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

We have not done any testing to see what happens if we specify rules using both sorts or that we even support both sorts properly.

In addition, there should be an option to show shorthand properties for margin-*, padding-*, and for other properties, when possible. It makes glancing over the styles much quicker.
Blocks: 586984
Assignee: nobody → mihai.sucan

Comment 1

7 years ago
We do need to make sure this is sane, but we don't necessarily need to go after the shorthand properties part of this description above.
Whiteboard: [kd4b6]

Updated

7 years ago
Whiteboard: [kd4b6]
I don't know about the Style Doctor or Style Editor but the Style Inspector works using calculated styles. Shorthand properties are not valid for calculated styles ... they are always longhand properties.

Something else to bear in mind is that not all longhand combinations can be displayed purely in shorthand.
e.g.
border-top: 10px solid #f00;
border-right: 20px solid #0f0;
border-bottom: 30px dashed #00f;
border-left: 40px groove #ff0;

At the same time it certainly would be a very cool feature.
I wanted to make sure if we had: "border: 1px", and then looked at the border-width-top property, that we would see the border setting.
Tests fine
Assignee: mihai.sucan → mratcliffe
Status: NEW → RESOLVED
Last Resolved: 6 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.