1468333 - [Shapes Tool] Highlighter points moved to the maximum left will not be visible after increasing img margin value

Status: RESOLVED WONTFIX

(DevTools :: Inspector, defect)

Description

[Timea Cernea [:tbabos][inactive]]

Attachment: Screenshot of the issue

[Shapes Tool] Highlighter points moved to the maximum left will not be visible after increasing img margin value

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

[Affected platforms]:
Platforms: Windows 7 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 shape-outside to toggle the shape tool 
6. Move one of the points to the maximum left edge of the screen
7. Set a higher value for the img margin, ex: 10em (default is 1em)


[Expected result]:
Due to the larger size of the img margin a horizontal scrollbar should appear that scrolls properly to the  maximum left in order to edit the position of the previously moved point (step 6).

[Actual result]:
The img margin will increase in size as expected, however the point moved in step 6 will not be visible at all even if the scrollbar is moved to the maximum left.

Comment 1

[Razvan Caliman [:rcaliman]]

In that sample, once a point is dragged to the extreme left side, its X coordinate is negative in relation to the element's reference box. Negative values are valid. Once the margin of the element is increased that percentage negative X coordinate is offset even more, thus moving the point outside of the viewport. This is expected behaviour. 

The solution for Bug 1455588 clamps dragging of points to the parent viewport. However, coordinates which are intentionally outside of the viewport (i.e. negative X) will not be constrained to the viewport because that can be intended behaviour.