New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 642806 link

Starred by 1 user

Issue metadata

Status: WontFix
Owner: ----
Closed: Sep 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Compat



Sign in to add a comment

CSS Grid layout auto-fit columns not recalculated on window resize

Reported by amelia.b...@gmail.com, Aug 31 2016

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36

Example URL:
http://labs.jensimmons.com/examples/spices-1.html

Steps to reproduce the problem:
1. Turn on the Experimental Web Platforms flag to enable CSS Grid.
2. View a grid layout (like the linked example by Jen Simmons) that uses `auto-fit` to determine the number of columns.
3. Resize the browser window (and therefore resize the container with the grid layout).

What is the expected behavior?
When the container with the grid layout changes size significantly, the auto-fit number of columns should be recalculated.

This works in the Firefox implementation.

What went wrong?
The grid maintains the same number of columns, regardless of the container size.  This means content overflows when scaling down, and gets stretched too large when scaling up. 

If you refresh the page after changing the window size, the layout is correctly re-calculated for the new size, so that's not a problem.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes 

Chrome version: 52.0.2743.116  Channel: stable
OS Version: 10.0
Flash Version: Shockwave Flash 22.0 r0
 
Cc: ranjitkan@chromium.org
Labels: Needs-Feedback
Rechecked this on chrome version 54.0.2840.6 Dev on Windows 10 and it appears to be fixed when compared to stable 52.0.2743.116. Enabled the flag and resized the widow by navigating to the URL, observed that grid columns size changes according to browser window. 

amelia.bellamy.royds@: Request you to please try this on current dev version and provide an update to us.

Thanks.!
Components: Blink>CSS
Confirmed fixed in Chrome 55.0.2846.0 / Canary.

Sorry I didn't check that before posting, feel free to close as already fixed!
Status: WontFix (was: Unconfirmed)
Thanks for confirming, closing the issue as per above comment.

Sign in to add a comment