Closed Bug 1385410 Opened 7 years ago Closed 6 years ago

[css-grid][css-align] Grid items with an intrinsic size are shrinking inside grid tracks

Categories

(Core :: Layout, defect, P3)

Product:
Core
Component:
Layout
Version:
56 Branch
Type:
defect

Tracking

()

Status:
RESOLVED WORKSFORME
Tracking Flags:
Tracking Status
firefox57 --- wontfix

People

(Reporter: me, Unassigned)

Details

(Keywords: DevAdvocacy, Whiteboard: [devRel:P1]) 

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.78 Safari/537.36

Steps to reproduce:

See the example here: https://codepen.io/rachelandrew/pen/eEpeXW


Actual results:

In Firefox the image shrinks to fit inside the fixed height track.


Expected results:

I believe that the item should overflow in this scenario, as per the CSS WG resolution here: https://github.com/w3c/csswg-drafts/issues/523#issuecomment-300539109

Chrome, and Safari TP both maintain the image size and cause it to overflow.

There is another example linked from the CSS WG resolution which also highlights the interop issue https://www.software.hixie.ch/utilities/js/live-dom-viewer/?saved=5143
Component: Untriaged → Layout
Product: Firefox → Core
Keywords: DevAdvocacy
Whiteboard: [devRel:P1]
Priority: -- → P3
Testing in FF 61 & 62 and it seems to have been fixed in the meantime. Firefox overflows the image and doesn't shrink it. Closing as WFM
Status: UNCONFIRMED → RESOLVED
Closed: 6 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.