1678343 - The element delimitation and node names are displayed under doorhangers when inspecting them using the Browser Toolbox

Status: NEW

(DevTools :: Inspector, defect)

Description

[Ciprian Muresan [:cmuresan], Ecosystem QA]

Attachment: element delimitation and node name are displayed under doorhangers.gif

[Affected versions]:

• Firefox Nightly 85.0a1, Build ID 20201118215158

[Affected Platforms]:

• Windows 10
• macOS 10.15
• Linux MX 4.19

[Prerequisites]:

• Have a new Firefox profile.
• Have the Enable browser chrome and add-on debugging toolboxes and Enable remote debugging options checked in the Settings pane of the Browser Web Console.

[Steps to reproduce]:

1. Open the browser with the profile from prerequisites.
2. Open the Browser Toolbox (CTRL/CMD+ALT+SHIFT+I). (or Tools -> Web Developer -> Browser Toolbox)
3. Click the Customize Developer Tools and Get Help button and enable the Disable Pop-up Auto Hide option.
4. Trigger one of the Browser doorhangers (eg. Save to Pocket, Downloads, Library, a CFR).
5. Click the Pick an element from the page button and hover an element from the doorhanger.
6. Observe the behavior.

[Expected results]:

• The element delimitation and node name are displayed over the doorhanger.

[Actual results]:

• The element delimitation and node name are under the doorhanger.

[Regression Window]:

• 42:07.25 INFO: Last good revision: bfe1e7725ac66482971c932ec5ffae0038aaad6e
• 42:07.25 INFO: First bad revision: a05fbae74197b3e9e69f5e0003026451a82bf9cd
• 42:07.25 INFO: Pushlog:
• https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=bfe1e7725ac66482971c932ec5ffae0038aaad6e&tochange=a05fbae74197b3e9e69f5e0003026451a82bf9cd

[Notes]:

• No errors in the Browser Console.
• Attached a screen recording of the issue.

Comment 1

[Ciprian Muresan [:cmuresan], Ecosystem QA]

I'm not sure which of the two bugs from the pushlog (Bug 1650094 or Bug 1648161) has caused this and I'm also not sure which component would be more suitable, but I went with Inspector.
@Yura, could you please take a look at this, change the component if needed, and mark the corresponding bug as a regressor?

Comment 2

[Yura Zenevich [:yzen] (please use "needinfo")]

I think this is regressed by bug 1650094 , though both patches/bugs were part of the same scope of work. Looks like highlighting and Browser Toolbox Inspector tree updating works and this is the case of z-index for the frame that draws the highlighter.