[css-grid] Items of a grid no longer render at the expected location
Reported by
agge.fre...@gmail.com,
Nov 2
|
||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36 Steps to reproduce the problem: 1. Go to my website thepra.github.io 2. Scroll down and open one of the tabs 3. Inspect the empty content to find it positioned wrongly What is the expected behavior? The content should be rendered where it's supposed to be. On the left there's Chrome and on the right of the image there's Firefox, both at the latest stable release. What went wrong? After some update to the browser my website no longer renders the content where it's supposed to be. And I don't know why. Did this work before? Yes 68.0.3440.84 Does this work in other browsers? Yes Chrome version: 70.0.3538.77 Channel: stable OS Version: 10.0 Flash Version: It's really weird this regression. And I was hopeful that investing in grid would be worth in the long run, but right now I'm starting to doubt it :/
,
Nov 5
,
Nov 5
agge.freelancer.work@ Thanks for the issue. Able to reproduce this issue on Windows 10, Mac OS 10.13.6 and Ubuntu 17.10 on the reported version 70.0.3538.77 and latest Canary 72.0.3602.0. Bisect Information: =================== Good Build: 70.0.3515.0 Bad Build : 70.0.3516.0 By running per-revision script 'No enough builds error' was coming up, hence below is the ChangeLog URL by running the Chromium bisect. https://chromium.googlesource.com/chromium/src/+log/48640897dad678021720c7c1ab3853634d2278ef..61120ebd81f72c62e12d42cd63b61608cde68f87 From the above Changelog, suspecting the below change: Reviewed-on: https://chromium-review.googlesource.com/1142409 rego@ Please check and confirm if this issue is related to your change, else help us in assigning to the right owner. Adding 'ReleaseBlock-Stable' for M-70 as this is a recent regression. Please feel free to remove if it is not applicable. Thanks..
,
Nov 5
This is the intended behavior but Firefox hasn't implemented that spec change yet (https://bugzilla.mozilla.org/show_bug.cgi?id=1481876). The resolution of percentage row tracks in grid containers with indefinite height has changed: https://www.chromestatus.com/feature/6708326821789696 If you want to have the same behavior in all browsers change "grid-template-rows: 100%" by "grid-template-rows: auto". For more information check my blog post: https://blogs.igalia.com/mrego/2018/08/10/changes-on-css-grid-layout-in-percentages-and-indefinite-height/ |
||||
►
Sign in to add a comment |
||||
Comment 1 by susan.boorgula@chromium.org
, Nov 4