785362 - Incorrect image height layout with percent width in a -moz-box

Status: REOPENED

(Core :: Layout, defect)

Description

[Wilson Page]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.7; rv:12.0) Gecko/20100101 Firefox/12.0
Build ID: 20120420145725

Steps to reproduce:

1. In Firefox visit http://codepen.io/WilsonPage/full/dyckt
2. Scale the window width down.


Actual results:

Once the image is scaled below its actual size the height reserved for the image remains at the actual height of the image. This reveals the blue background of the parent figure element. 


Expected results:

As the window is resized, image width and height should scale down proportionally.

Comment 1

[Alice0775 White]

Attachment: reduced html

Comment 2

[Matt Brubeck (:mbrubeck)]

Attachment: "display: flex" test case [fixed as of bug 903880, and different implementation under the hood anyway]

This problem exists with "flex" as well as "-moz-box".  This reduced test case is based on code found in the wild.  Using "-webkit-flex" in WebKit/Blink does not have the same problem.

Comment 3

[Matt Brubeck (:mbrubeck)]

This seems to be fixed in Nightly, probably by bug 903880.

Comment 4

[Daniel Holbert [:dholbert]]

The original testcase is still broken, so this isn't fixed.

(The fact that this affected both "flex" as well as "-moz-box" was completely by chance; they're implemented entirely independently. Bug 903880 should not have had any effect on "-moz-box" rendering, which this bug was originally filed about.)