New issue
Advanced search Search tips

Issue 786899 link

Starred by 3 users
Status: Assigned
Owner:
obru...@igalia.com
Cc:
jfernan...@igalia.com
r...@igalia.com
svil...@igalia.com
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 3
Type: Bug



Sign in to add a comment

[css-grid] wrong Automatic Minimum Size for grid item that spans 'auto' and '1fr' tracks

Project Member Reported by mpalmg...@mozilla.com, Nov 20 2017 
Chrome Version: 64.0.3269.3 (Official Build) dev (64-bit)
OS: Linux

What steps will reproduce the problem?
(1)load the attached testcase
(2)
(3)

What is the expected result?
the grid item (green) should overflow its grid area and cover the entire
content area of the grid container

What happens instead?
the grid item either doesn't have its Automatic Minimum Size[1] calculated
correctly (it should be its 'content size', which is 100px); or it's clamped
to its grid area (40px) for some reason (clamping shouldn't be applied in
this case)

[1]
https://drafts.csswg.org/css-grid/#min-size-auto
chrome-grid-bug-automatic-min-size.html
622 bytes View Download

Comment 1 by r...@igalia.com, Nov 21 2017

Cc: svil...@igalia.com jfernan...@igalia.com r...@igalia.com
Owner: r...@igalia.com
Status: Available (was: Untriaged)
Yes, I believe we're not checking properly the part of the spec about:
> if the grid item spans only grid tracks that have a fixed max track sizing function

I think we're only checking this for non-spanning items, but not for spanning ones.
I'd need to investigate it deeper.

Thanks for the report.

Comment 2 by r...@igalia.com, Nov 21 2017

Labels: Hotlist-Interop

Comment 3 by r...@igalia.com, Jan 3 2018 

I'm attaching another test case to check both axis columns and rows.
The result should be a 100x100 green rectangle
but currently it's a 20x20 one in Chromium, Safari and Edge.
And a 100x20 one in Firefox, so something seems wrong there too.
chromium-bug-span-auto-1fr.html
242 bytes View Download

Comment 4 by r...@igalia.com, Feb 5 2018 

We've doubts about the behavior of flexible tracks with spanning items
that are being discussed with the CSS WG at:
https://github.com/w3c/csswg-drafts/issues/2177

Comment 5 by r...@igalia.com, Mar 6 2018 

 Issue 817329  has been merged into this issue.

Comment 6 by benhenry@chromium.org, Aug 1

Status: Assigned (was: Available)

Comment 7 by r...@igalia.com, Oct 29 

 Issue 899720  has been merged into this issue.

Comment 8 by r...@igalia.com, Jan 9

Owner: obru...@igalia.com
►

Sign in to add a comment