1138330 - Be smart when positioning the GeometryEditorHighlighter labels

Status: RESOLVED DUPLICATE of bug 1260794

(DevTools :: Inspector, defect, P3)

Description

[Patrick Brosset <:pbro>]

Follow-up to bug 1123851.
There are cases where the position/size labels may overlap or end up only partly visible when the element is near the edge of the viewport.

Comment 1

[Julian Descottes [:jdescottes]]

Bug 1139187 just landed, so we should be able to work on this now.

STRs:
- open data:text/html,<style>div{position:absolute; top:30px; left:30px;border:10px solid red;}</style><div>test</div>
- open inspector
- select the div
- open Inspector > Box Model tab
- click on the "Edit position" icon to the left of "absolute"
- move the handles near the window edges

ER: Labels should remain visible
AR: Labels are partially cut out.

Matteo: I am triaging this as P3 for now, but we could also handle this in 1260794 and close this one as a duplicate.

Comment 2

[Sebastian Zartner [:sebo]]

Not only the labels but also the handles and offset indicator lines should be moved to stay visible.

Sebastian