705054 - Weird blank pane shows up after using the inspector somehow

Status: RESOLVED WORKSFORME

(DevTools :: Inspector, defect)

Description

[David Ascher (:davida)]

Attachment: screenshot OS X

When I use developer tools, I somehow get in a situation where there's a grey pane at the bottom of all my tabs (even those i wasn't debugging).

I haven't narrowed down STRs, but my workflow tends to be:

 - show web console
 - reload page
 - right-click inspect something
 - navigate the dom
 - hit the HTML button in the right, sometimes the style inspector

The screenshot shows what's going on.  (see bottom part of pane).

Comment 1

[Rob Campbell [:rc] (:robcee)]

ew, that's not good.

Did you have your web console positioned at the top or bottom?

When you say "navigate the dom" do you mean with the Breadcrumbs in the Inspector toolbar or something else?

Sounds like we need a UI fuzzer to stress this stuff out.

setting qawanted to try to get some help.

Comment 2

[David Ascher (:davida)]

console's at the top.

navigate the dom: breadcrumbs & hitting the "HTML" button which then expands the whole tree.

Comment 3

[Erik Rose [:erik][:erikrose]]

It just happened to me, and I hadn't shown the web console for days, if ever. I hadn't used the Style inspector either--just the HTML one.

Comment 4

[Rob Campbell [:rc] (:robcee)]

if you had any idea what you were doing when this occurred, I'd love to hear about it.

Comment 5

[Erik Rose [:erik][:erikrose]]

My perception was that I simply had the inspector's HTML view up, and then I switched tabs. Those don't turn out to be sufficient STR, though. :-(

Comment 6

[Rob Campbell [:rc] (:robcee)]

that's helpful though. Throwing a tab switch into the mix definitely exercises some different code paths. Keep us posted if you find any other tidbits!

Comment 7

[Rob Campbell [:rc] (:robcee)]

got it! That was the missing piece for me.

STR:

1. Open the inspector on a page (I used tbpl.mozilla.org/?tree=Fx-Team) and lock a node.
2. Open the HTML panel.
3. Switch tabs.
4. Switch back to the TBPL page and while the inspector is restoring, hit the Inspect shortcut (on mac it's Cmd-Opt-I)

Expected result:

Inspector is shutdown.

Actual:

the HTML panel leaves a box behind at the bottom of the browser.

Comment 8

[Rob Campbell [:rc] (:robcee)]

Timing is going to be really critical in Step 4, but I think I create a test that mimics this, at least on this computer.

Comment 9

[Rob Campbell [:rc] (:robcee)]

Attachment: Another OS X Screenshot

Comment 10

[Rob Campbell [:rc] (:robcee)]

workaround to remove the dead box:

in a browser-enabled scratchpad, run:

let box = gBrowser.ownerDocument.getElementById("inspector-tree-box");
box.parentNode.removeChild(box);

Comment 12

[Stefan Wrobel]

Attachment: Mac Screenshot FF 11.0

Happening for me on Lion w/ Firefox 11.0 final.

Comment 13

[Florian Bender]

Maybe this is related to bug 812758?

Comment 14

[Paul Rouget [:paul]]

This should have been fixed by the Toolbox work. Feel free to reopen if you still see this.

Bug triage, filter on PINKISBEAUTIFUL