1059809 - Wrong layout with padding, box-sizing: border-box and float: right

Status: RESOLVED DUPLICATE of bug 1059167

(Core :: Layout, defect)

Description

[stmoros]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:34.0) Gecko/20100101 Firefox/34.0 (Beta/Release)
Build ID: 20140828030205

Steps to reproduce:

1. create an element with a fixed width
2. create another element inside the first one
3. assign the inner element some padding, box-sizing: border-box and float: right

(see http://jsfiddle.net/ppcqtqgt/)


Actual results:

The inner element's right edge is off to the right by the total amount of its horizontal padding. 


Expected results:

The inner element's right edge should be inline with the outer element's right edge.

Comment 1

[Boris Zbarsky [:bzbarsky]]

Fixed earlier today on inbound.