Closed
Bug 1222724
Opened 9 years ago
Closed 8 years ago
[css-grid] Row with track size "auto" doesn’t expand to wrap content
Categories
(Core :: Layout, defect)
Tracking
()
RESOLVED
FIXED
People
(Reporter: sime.vidas, Assigned: MatsPalmgren_bugz)
References
Details
(Keywords: testcase, Whiteboard: [fixed by bug 1174569])
Attachments
(2 files, 1 obsolete file)
User Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:42.0) Gecko/20100101 Firefox/42.0 Build ID: 20151029151421 Steps to reproduce: In Firefox Nightly, open this demo: https://jsbin.com/duveso/edit?css,output Actual results: The 2. row does not expand vertically to wrap the <main> element. (See attached screenshot.) Expected results: The 2. row should expand. Open in Chrome (with Web Platform flag) to see desired result.
Updated•9 years ago
|
Component: Untriaged → Layout
Product: Firefox → Core
Updated•9 years ago
|
Flags: needinfo?(mats)
In Firefox this problem is a headache. I wrote a simplified example: http://jsbin.com/ligiyuluma/edit?html,css,output
Comment 3•8 years ago
|
||
In a more general sense, it doesn't respect calculated values, as opposed to explicit values. If you give a cell value a height, the entire row that it's a part of will be set to that height. If you give it a min-height, the row will be set to that min height, but it won't expand beyond that if the cell grows further. If a component of a cell (such as an image thumbnail) has width/height defined with a calc() function, the height of the cell will be based on the original image size, not the calc()'d size. This leads to cells that are sized far larger than their apparent content. If you adjust percy's example code to have multiple rows, you can have multiple cells of one row expand so that they overlap the rows beneath while the row as a whole still remains the original height. That is, all three cells in the first row can have enough text to *all* be larger than the row height, and the row height won't expand. Basically, all of it implies that once initial values are set, the browser never percolates any further changes to the grid sizing system.
Assignee | ||
Comment 4•8 years ago
|
||
(Updated the original test to account for the 'grid-template' shorthand syntax having swapped rows/columns since this was filed.)
Assignee: nobody → mats
Attachment #8689228 -
Attachment is obsolete: true
Status: UNCONFIRMED → NEW
Ever confirmed: true
Flags: needinfo?(mats)
Assignee | ||
Updated•8 years ago
|
Assignee | ||
Comment 5•8 years ago
|
||
This is now fixed in the latest Nightly. Thanks for your report.
Status: NEW → RESOLVED
Closed: 8 years ago
Resolution: --- → FIXED
Whiteboard: [fixed by bug 1174569]
You need to log in
before you can comment on or make changes to this bug.
Description
•