There seems to be a bug in the style pane when disabling CSS
properties. It doesn't always manifest itself from start, but when it
does it wont go away unless Firefox is restarted.
It manifests itself by the disappearance of the entire rule block from
the style pane when disabling any property of that block. Sometimes
the appearance of this anomaly is preceded by a different anomaly
which is the replacement of all rule blocks for the selected HTML tag
with a message saying that the tag has no CSS rules connected to it.
This problem makes Firebug very difficult to use for CSS debugging, to
the point of being useless for this purpose. Has anyone else
experienced this problem?
Do you have a test case? Do you have any other extensions installed? The only problem with disappearing styles I see is issue 5204<http://code.google.com/p/fbug/issues/detail?id=5204> . Also a rule just disappears from the *Style* side panel when I change the selector so that it's not matching the element anymore. (Which is correct.)
On Thursday, May 24, 2012 12:48:54 PM UTC+2, mirmir wrote:
> There seems to be a bug in the style pane when disabling CSS > properties. It doesn't always manifest itself from start, but when it > does it wont go away unless Firefox is restarted.
> It manifests itself by the disappearance of the entire rule block from > the style pane when disabling any property of that block. Sometimes > the appearance of this anomaly is preceded by a different anomaly > which is the replacement of all rule blocks for the selected HTML tag > with a message saying that the tag has no CSS rules connected to it.
> This problem makes Firebug very difficult to use for CSS debugging, to > the point of being useless for this purpose. Has anyone else > experienced this problem?
It doesn't look like the same problem because whole rule blocks
disappear not single properties.
> Also a rule just disappears from the *Style* side panel when I change the
> selector so that it's not matching the element anymore. (Which is correct.)
> It doesn't look like the same problem because whole rule blocks
> disappear not single properties.
> > Also a rule just disappears from the *Style* side panel when I change the
> > selector so that it's not matching the element anymore. (Which is correct.)
I also experience this problem, and after tearing my hair out I can finally recreate it at will. Also, downgrading to Firefox 12 and Firebug 1.9.1 didn't help. (Win 7, Firefox 13.0.1 and Firebug 1.9.2, disabled all other addons)
It happens when the CSS is external and there isn't any embedded or external Javascript. Inspect an element and it works the first time, but refresh the page, then the element "loses" it's style in the Firebug Style Panel. Click another element in the Firebug HTML Panel, click to disable a style property and the styles for that element disappears from the Firebug Style Panel.
To fix, add a <script> </script> block with at least a space and Firebug works as expected. Not sure about proper protocol, but I've attached the HTML and CSS files I used to test this bug, hopefully someone else can recreate it on their system.
On Thursday, May 24, 2012 3:48:54 AM UTC-7, mirmir wrote:
> There seems to be a bug in the style pane when disabling CSS > properties. It doesn't always manifest itself from start, but when it > does it wont go away unless Firefox is restarted.
> It manifests itself by the disappearance of the entire rule block from > the style pane when disabling any property of that block. Sometimes > the appearance of this anomaly is preceded by a different anomaly > which is the replacement of all rule blocks for the selected HTML tag > with a message saying that the tag has no CSS rules connected to it.
> This problem makes Firebug very difficult to use for CSS debugging, to > the point of being useless for this purpose. Has anyone else > experienced this problem?
Thanks for the test case files. Though unfortunately I still can't reproduce the problem.
My steps:
1. Opened Firebug on the test page
2. Switched to the *HTML* panel
3. Inspected the <h1> element
⇒ The *Style* side panel showed two rules, h1, h2, h3, h4, h5, h6 and body (inherited from body) (OK)
4. Reloaded the page
⇒ The *Style* side panel still showed the two rules (OK)
5. Disabled the color property of the h1, h2, h3, h4, h5, h6 rule
6. Inspected the <h2> element
⇒ The *Style* side panel still showed the two rules (OK)
I also tested with a fresh Firefox Profile, but I made a mistake by including the <script> tag in the test HTML file.
1. Remove line 9 "<script> </script>" from test.html
2. Open Firebug on test.html
3. Inspect <div class="header">, and disable background-color * OK *
4. Reload page
5. The rule .header disappears in the Style Panel (sometimes it reappears after 5 seconds) * BAD *
6. Inspect <h1>, and disable color. Rule for h1 disappears in Style Panel and doesn't update the Browser View *BAD *
On Tuesday, July 3, 2012 1:31:13 AM UTC-7, Sebastian Zartner wrote:
> Thanks for the test case files. Though unfortunately I still can't > reproduce the problem.
> My steps:
> 1. Opened Firebug on the test page
> 2. Switched to the *HTML* panel
> 3. Inspected the <h1> element
> ⇒ The *Style* side panel showed two rules, h1, h2, h3, h4, h5, h6 and > body (inherited from body) (OK)
> 4. Reloaded the page
> ⇒ The *Style* side panel still showed the two rules (OK)
> 5. Disabled the color property of the h1, h2, h3, h4, h5, h6 rule
> 6. Inspected the <h2> element
> ⇒ The *Style* side panel still showed the two rules (OK)
On Tuesday, July 3, 2012 6:11:52 PM UTC+2, Rocky wrote:
> I also tested with a fresh Firefox Profile, but I made a mistake by > including the <script> tag in the test HTML file.
> 1. Remove line 9 "<script> </script>" from test.html
> 2. Open Firebug on test.html
> 3. Inspect <div class="header">, and disable background-color * OK *
> 4. Reload page
> 5. The rule .header disappears in the Style Panel (sometimes it > reappears after 5 seconds) * BAD *
> 6. Inspect <h1>, and disable color. Rule for h1 disappears in Style > Panel and doesn't update the Browser View *BAD *
> Hopefully that was a better explanation.
> -rocky
> On Tuesday, July 3, 2012 1:31:13 AM UTC-7, Sebastian Zartner wrote:
>> Thanks for the test case files. Though unfortunately I still can't >> reproduce the problem.
>> My steps:
>> 1. Opened Firebug on the test page
>> 2. Switched to the *HTML* panel
>> 3. Inspected the <h1> element
>> ⇒ The *Style* side panel showed two rules, h1, h2, h3, h4, h5, h6 and >> body (inherited from body) (OK)
>> 4. Reloaded the page
>> ⇒ The *Style* side panel still showed the two rules (OK)
>> 5. Disabled the color property of the h1, h2, h3, h4, h5, h6 rule
>> 6. Inspected the <h2> element
>> ⇒ The *Style* side panel still showed the two rules (OK)
