1456504 - "grid-template-columns: repeat(auto-fit, minmax(150px, 1fr) minmax(150px, 1fr))" is rejected in Firefox

Status: RESOLVED DUPLICATE of bug 1341507

(Core :: CSS Parsing and Computation, defect)

Description

[Daniel Holbert [:dholbert]]

STR:
 1. Load http://jsbin.com/pojepohuwe/edit?html,css,output
 2. Look at rendering and compare to other browsers.

ACTUAL RESULTS:
3 columns of numbers in Chrome; 2-3 in Edge, space-permitting.
1 column in Firefox.


Not sure who's right. It looks like we're rejecting the grid-template-columns syntax, though, since it's crossed out in devtools:
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr) minmax(150px, 1fr));

Mats, do you know what might be going on?  I do see this in the spec:
> Automatic repetitions (auto-fill or auto-fit)
> cannot be combined with intrinsic or flexible sizes.

...so maybe we're rejecting due to that rule and the "1fr" usage here? Not sure. Maybe chrome needs a bug filed, if that's the case?

Comment 1

[Daniel Holbert [:dholbert]]

(This was reported via Twitter BTW: https://twitter.com/FirefoxDevTools/status/988680927806214144 )

Comment 2

[Daniel Holbert [:dholbert]]

(link for the spec-quote in comment 0: https://drafts.csswg.org/css-grid/#repeat-syntax )

Comment 4

[Mats Palmgren (inactive)]

Bug 1341507 might be a good project for an intern BTW.