1468170 - The highlight of the DevTools Shape Tool overlaps the screenshot tutorial

Status: RESOLVED DUPLICATE of bug 1663881

(DevTools :: Inspector, defect, P3)

Description

[Timea Cernea [:tbabos][inactive]]

Attachment: Screenshot of the issue 1

[Affected versions]: 
Nightly 61.0a1 (2018-06-10) (64-bit)

[Affected platforms]:
Platforms: Windows 10 x64.

[Steps to reproduce]:
1. Start Firefox Nightly with a fresh new profile
2. Go to about:config and set "layout.css.shape-outside.enabled" to true.
3. Go to http://labs.jensimmons.com/2016/examples/shapes-3.html
4. Right click on the image and then click on "Inspect Element".
5. Click on the button displayed next to clip-path to toggle the shape tool 
6. Open context menu and click on the “Take screenshot” option

[Expected result]:
The screenshot tutorial should be displayed as expected without being overlapped by any other element. 

[Actual result]:
The shape highlight will overlap the screenshot tutorial as well as it’s overlay, buttons, etc. For reference, check the attached screenshots.

Comment 1

[Timea Cernea [:tbabos][inactive]]

Attachment: Screenshot of the issue 2