Bug 16405 – Web Inspector element hilighting doesn't recalculate on scroll, overlaps desktop, etc

• Component: Web Inspector (Deprecated)
• Status: RESOLVED DUPLICATE

[Dylan]

This is, I believe, several related bugs that may require separate reports. However, after recently using the Web Inspector, I managed to have the web inspector's element hilighting (dark mask) over the desktop, completely outside the Webkit/Safari window. 

Steps to reproduce: 
1) Open a few tabs
2) Inspect any element in one of them
PART 1: scroll the page while the inspector is still open. The dark gray mask does not follow the element.
PART 2: Switch to a different tab. The dark gray mask still shows, it should not. (also, if you do not have the tab bar always showing, opening a link in a new tab while an element is hilighted and no other tabs exist causes the masking color to cover the newly created tab-bar)
PART 3: While in a different tab than originally inspected, select a node in the inspector. Sometimes (usually?), it hilights where the element would be if it were in the current tab, but it isn't. Other times, nothing visibly happens but switching back to the correct tab updates the mask. 


I honestly am not sure what i did to get the gray box completely outside of the Safari window and over the desktop, and I have not been able to reproduce this again, but it happened once (Screenshot forthcoming). I think it involved trying to hilight the body of a tab that is not visible after moving the safari window, but as I said I have not been able to get it to do this again.

Interestingly, when I did have the mask covering the desktop, moving the safari/webkit window moved the mask as well, so it was still 'anchored' to the window, it just had no idea where the window was. 


Some silver lining: It seems that the web inspector's mask does disappear if the tab being inspected is closed, whether it is visible or not

[Dylan]

Created attachment 17857 [details]
Inspector mask overlaying desktop/Finder

[Dylan]

OK, I figured out how to reproduce the mask over the desktop issue.

1) On this page, Ctrl-click in the Addition Comments text area, and select "Inspect Element" to open the inspector and mask out the box. 
2) Open a bookmark (or any link) in a new tab (or just create a new empty tab) and switch to that tab (with the inspector still open, its window is now behind the main browser window). As noted above, the inspector still shows the mask around where the text area WAS.
3) While in the new tab, move the browser window a substantial amount (to reveal the Inspector window).
4) Click the inspector window, and select the "body" node in the inspector.
It will try to mask out where the body WAS before the safari window was moved. And of course we are not even in the correct tab any more, which doesn't help matters any


It should be noted that this only happens once per window - once you have seen it, you will have to start in a new window to see it again. 

[Adam Roben (:aroben)]

The hilight spanning across tabs is already covered by bug 14254.

[Timothy Hatcher]

This will be fixed by bug 14254. Marking as a dupe. Thanks for the details!

*** This bug has been marked as a duplicate of 14254 ***