1571139 - Rules Inspector displays invalid declarations as if they were valid, while you're typing the value for a new later declaration

Status: NEW

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

Description

[Daniel Holbert [:dholbert]]

Attachment: testcase 1

STR:

1. View attached testcase.
2. Right-click the text and choose "Inspect"
3. Click the bottom of the element{...} area in the rules inspector, and add any valid CSS declaration -- for example, "height: 50px"

ACTUAL RESULTS:
When you start typing the value for the new declaration that you're adding, the earlier rules suddenly are displayed as if they were valid!

EXPECTED RESULTS:
The invalid declarations should continue to be displayed as invalid.

Interestingly, this only seems to happen while you are adding a new declaration. If you edit the value of an existing declaration, then the problem doesn't reproduce -- invalid stuff keeps showing up as invalid.

Comment 1

[Daniel Holbert [:dholbert]]

Attachment: screencast of bug

Here's a screencast of me reproducing the bug. I add 2 new declarations, and the bug happens during the "type the value" part of both new declarations..

(Then, to illustrate the final note at the end of comment 0, I click back in to edit one of the values for these just-added declarations, and in that case, the bug does not reproduce.)