1349481 - [css-grid] Incorrect calculation of the height of the tracks with images

Status: RESOLVED DUPLICATE of bug 1349320

(Core :: Layout, defect)

Description

[oom]

Attachment: bug-chrome-vs-firefox.png

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:52.0) Gecko/20100101 Firefox/52.0
Build ID: 20170316213829

Steps to reproduce:

* Create a grid with a <ul> containing flexible images (width: 100%).
* The columns are created automatically using repeat and auto-fit

This is an example: http://codepen.io/oscarotero/pen/vxRQKv


Actual results:

In the breakpoint between 1 to 2 columns, the height is calculated incorrectly.


Expected results:

Calculate the height of the tracks using the final height of the image, as chrome does.

Comment 1

[Tim Dawson]

I have also experienced this bug (in Firefox). It does not happen in Chrome. Seems to me the image is scaled correctly visually, but its original height is used to set the row height. Viewing the height in 'View image info' and setting CSS: 'img {height: scaled_height_from_view_image_info;}' corrects the layout (for the current viewport only, of course), but also demonstrates that the incorrect height value is the cause of the problem.

Comment 2

[Jen Simmons [:jensimmons]]

This bug report may be a duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=1349320.

Comment 3

[oom]

This bug seems fixed in firefox 54

Comment 4

[Jen Simmons [:jensimmons]]

Yes, this was fixed in Firefox 54! This ticket is a duplicate of #1349320. And it's Fixed.