Closed Bug 1247737 Opened 9 years ago Closed 9 years ago

inline style property wrongfully marked as overridden when another property is !important

Categories

(DevTools :: Inspector: Rules, defect, P2)

Product:
DevTools
Component:
Inspector: Rules
Type:
defect

Tracking

(Not tracked)

Status:
RESOLVED INVALID

People

(Reporter: pbro, Assigned: nchevobbe)

References

(
URL
)

Details

(Whiteboard: [btpp-fix-later])

STR: - open the test URL: data:text/html,<style>.foo{color:red;} .bar{color:green !important;}</style><div class="foo bar"> - open the rule view - in the 'element {}' rule, enter a new property: 'color: blue' Expected: this new property is marked as being applied and the other 2 (.foo and .bar) are marked as overridden. Actual: this new property is marked as overridden, even though it did apply on the page correctly, and the .bar one, marked as !important is shown as applying.
Filter on CLIMBING SHOES
Priority: -- → P2
Whiteboard: [btpp-fix-later]
Blocks: top-inspector-bugs
Assignee: nobody → chevobbe.nicolas
Patrick, I think I'm misunderstanding this. If I open `data:text/html,<style>.foo{color:red;} .bar{color:green !important;}</style><div class="foo bar" style="color:blue">test` , it is the .bar rule that's being applied (text is green), and the rules panel does reflect this. I must be missing something
Flags: needinfo?(pbrosset)
You're right. Not sure why I filed this. Must have been confused.
Status: NEW → RESOLVED
Closed: 9 years ago
Flags: needinfo?(pbrosset)
Resolution: --- → INVALID
No longer blocks: top-inspector-bugs
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.