1451281 - The User should be able to move the Shape Tool's Frame by clicking the Dotted connecting line between the highlighter points

Status: NEW

(DevTools :: Inspector, enhancement, P3)

Description

[Rares Doghi, Desktop QA]

[Affected versions]: 
Nightly 61.0a1

[Affected platforms]:
Platforms: Windows 10 x 64, Windows 7 x 32, Mac OS X 10.12 and Ubuntu 16.04 x64.

[Steps to reproduce]:
1. Go to about:config and set "layout.css.shape-outside.enabled" to true.
2. Go to http://labs.jensimmons.com/2016/examples/shapes-1.html
3. Right click on the image and then click on "Inspect Element".
4. Ctrl + Click on the button displayed next to clip-path to toggle the shape tool on.
5. Move the Mouse Cursor on the Doted line connecting the Highlighter points.

[Expected result]:
- When The user Moves the cursor on the Doted line, the mouse cursor should change its state to an arrow with 4 directions, clicking and dragging the doted line would have the same behavior as clicking the Middle highlighter point.

[Actual result]:
- The user is unable to click the Doted line,