Search code examples
htmlfirefoxfirebuginspector

Firebug collapsing the whole tree

I have this problem with Firebug: when I open element via "Inspect in Firebug", every 5 seconds (approximately) the whole tree is being collapsed, with tag highlighted in yellow. How can I disable that feature? I usually use Chrome, but need Firebug for this project b/c of FirePHP, and it just drives me insane) There's no ajax or other network activity at the moments it collapses. Any help?

Update: This only happens in Wordpress admin/new page edit page - it refreshes some parts, apparently, and Firebug updates the inspector tree. If I turn on logging of mutation events, I can see this in console: http://prntscr.com/3uataj I can not change the way WP works, but is there a way to change Firebug behavior? How can I make it NOT collapse on every change?

Solution

  • To disable the highlighting of changed elements, there's an option in the HTML panel options menu called Highlight Changes, which you need to uncheck.

    You can also avoid tree expansions by unchecking the option Expand Changes.

    Highlight Changes and Expand Changes option in Firebug's HTML panel

    Though in some cases the HTML tree may still collapse. This is when a subtree is completely reparsed as it is done by assigning something to the innerHTML property of an element.

    It may also be possible that there's a bug in Firebug, which is causing this in some cases. If you have a simple test case for this, you should post it to issue 7469, so it can be fixed.