Re: [csswg-drafts] [css-grid] Ability to have grid items cause cells to be marked as occupied for flow purposes

>>> for example, if an image 100px tall by 250px tall is placed into a cell, it will overlap the next cell and a half to the right of its own cell.
>>
>> Are you sure you're not just seeing a bug in Chrome? In the case you describe, the max-sizing function is fixed and if the image has a default min-width:auto then the clamping rule in ยง6.6 applies and the image should be 100px wide and its height scaled according to its intrinsic ratio. This works correctly in Firefox Nightly, but not Chrome Canary.
>
>Indeed it seems we've a bug in Chrome as we only apply the clamping to regular items but not images.

And now I'm not sure if this is an issue anymore.
By default the image has `normal` alignment, which for replaced elements mean `start`.
In Chrome we only clamp the size of the items if we've `stretch` alignment. That's what I understood after the whole discussion in #283.

For example the following tests don't pass on Firefox, but pass on Chrome:
* http://w3c-test.org/css/css-grid-1/grid-items/grid-minimum-size-grid-items-013.html
* http://w3c-test.org/css/css-grid-1/grid-items/grid-minimum-size-grid-items-013.html

It would be nice if @fantasai and/or @tabatkins could clarify what's the expected behavior in those cases.

-- 
GitHub Notification of comment by mrego
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1394#issuecomment-304878226 using your GitHub account

Received on Tuesday, 30 May 2017 13:29:40 UTC