Open Bug 1347599 Opened 7 years ago Updated 2 years ago

Newly created rules in ruleview disappear after filtering

Categories

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

Product:
DevTools
Component:
Inspector: Rules
Version:
45 Branch
Type:
defect

Tracking

(firefox52 wontfix, firefox-esr52 fix-optional, firefox53 wontfix, firefox54 fix-optional)

Tracking Flags:
Tracking Status
firefox52 --- wontfix
firefox-esr52 --- fix-optional
firefox53 --- wontfix
firefox54 --- fix-optional

People

(Reporter: 684sigma, Unassigned)

Details

(Keywords: regression) 

I have a problem with Firefox Beta 53 and Nightly 55. It also happens in Firefox ESR 45
Sometimes newly created rules in ruleview disappear after filtering.
I noticed one specific scenario when it happens

1. Open https://bugzilla.mozilla.org/
2. Open inspector, inspect <body> node.
3. Add new rule in ruleview. In the opened field with selector type "body". Add rule "color: red !important;"
4. In the filter field type "color". (Then you can cancel filtering, it doesn't matter)

Result: The rule disappears. It's displayed as "body{}" in ruleview (with line break)
Expected: The rule should be displayed as "body{ color: red !important; }" (with line breaks)
Update:
I forgot about the second part of this issue. In the second scenario, the rule disappears after setting id to the node. I assumed that in both cases rules are updated, and the root cause is that update hides newly created rules.
I also assumed that "update" happens in several cases including these 2 I described here.
The first scenario doesn't happen in ESR 38, because filtering is not available, but the second scenario works fine in ESR 38, so I'm adding keyword "regression". If you disagree that the first scenario has the same root cause, please hide comment 0 (I messed up the sequence of uploading these 2 cases, yes).
Second scenario:

1. Open https://bugzilla.mozilla.org/
2. Open inspector, inspect <body> node.
3. Add new rule in ruleview. In the opened field with selector type "body". Add rule "color: red !important;"
4. Add attribute id="bodyid" to <body> node

Result: The rule disappears. It's displayed as "body{}" in ruleview (with line break)
Expected: The rule should be displayed as "body{ color: red !important; }" (with line breaks)
Keywords: regression
Has STR: --- → yes
I can reproduce both scenarios.
Clicking some other element in the markup view and then clicking back to <body>
makes the new rule reappear.
Status: UNCONFIRMED → NEW
Ever confirmed: true
Inspector bug triage (filter on CLIMBING SHOES).
Priority: -- → P2
(Since this has been triaged by the devtools team, let's stop tracking as a regression and let it be tracked as a regular bug)
status-firefox53: fix-optional → wontfix
status-firefox54: affected → fix-optional
status-firefox55: affected → fix-optional
Product: Firefox → DevTools
Severity: normal → S3
status-firefox55: fix-optional → ---
You need to log in before you can comment on or make changes to this bug.