Open Bug 1398721 Opened 7 years ago Updated 2 years ago

Cannot edit right or bottom position of element using top, left, width and height

Categories

(DevTools :: Inspector, enhancement, P3)

enhancement

Tracking

(firefox57 fix-optional)

Tracking Status
firefox57 --- fix-optional

People

(Reporter: jdescottes, Unassigned)

References

()

Details

The layout inspector allows to resize and re-position absolutely positioned elements. But if the element is positioned with {top,left,width,height}, half of the inputs and handles don't have any effect. 

Open 

> data:text/html,<div style="background:tomato;position:absolute;top:10px;left:10px;width:100px;height:100px">

Inspect with layout panel and try to update right/bottom positions. Or try to use the bottom handle after clicking on the edit position button. Nothing happens.

The inspector tries to set right & bottom with !important, but they are both overridden by the width and height properties.
Priority: -- → P3
Product: Firefox → DevTools
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.