CODEWITHSUNDEEP
firefoxfirebug
user1091949
user1091949

Reputation: 1933

How to make Firebug group computed styles?

Firebug used to to display styles in the Computed panel like this, with computed styles grouped:

enter image description here

But for some reason it now displays computed styles like this:

enter image description here

The only grouping available is "Other" which appears to contain every CSS style. How do I make CSS styles group together?

I am using Firefox 46 with Firebug 2.0.16. The change began seemingly out of nowhere, I did not adjust any settings.

I have tried toggling every option in the dropdown menu. The value of the computedStylesDisplay setting is grouped (default value). I tried switching to alphabetical and then back to grouped but it changed nothing.

Upvotes: 8

Views: 737

Answers (2)

Sebastian Zartner
Sebastian Zartner

Reputation: 20125

This is obviously a bug in Firebug in combination with Firefox 46.0. In Firefox 45.0.x it was still working fine.

I've filed a bug for that in Firebug's issue tracker and already fixed it. I have also created a build with that fix. Now it's up to the Firebug team to make a proper new release.

Note that the Firebug team is already working on Firebug 3, which integrates into the Firefox DevTools. Those tools don't have the grouping yet, but it's already requested in bug 977128.

Update:

Firebug 2.0.17 got released, which includes the aforementioned fix.

Update:

Firebug is officially discontinued, i.e. its maintenance has stopped in favor of pushing the development of the Firefox DevTools.

Upvotes: 7

James
James

Reputation: 36

I've run into the same issue. It doesn't exactly solve the problem but what I've found helps at least a little is to click Options -> Show Quick Info Box. Gives a list of current applied styles to the element you're hovered over in the HTML console but unfortunately doesn't provide the original CSS reference line.

Upvotes: 0

Related Questions