[css-grid] if there is an undefined element in the grid, other elements rows' height is changed strangely
Reported by
asuka.o...@ft.com,
Jan 10 2018
|
|||||||||||||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36 Steps to reproduce the problem: 1. load the testcase.html with testcase.scss 2. delete the line, <div class="middle">middle</div> in testcase.html What is the expected behavior? It should not change the rows's height and rows span of bottom in grid-template-areas should still work even if some of the elements are undefined What went wrong? If there is an undefined element in the grid, other elements rows' height is changed strangely and rows span of bottom in grid-template-areas looks like doesn't work anymore. Did this work before? N/A Does this work in other browsers? N/A Chrome version: 63.0.3239.132 Channel: stable OS Version: OS X 10.12.6 Flash Version:
,
Jan 11 2018
,
Jan 11 2018
Tested the issue with the files provided in the Comment#0, we have downloaded both testcase.html & testcase.scss, kept both files in single folder and drag dropped testcase.html file into browser, but not able to see the behaviour as given in comment#0 screen shots. Even we have tried with the codepen to test this issue. @Reporter: Please find the attached screen cast for your reference and let us know if we missed anything in reproducing the issue, could you please provide any alternate test file/URL for further triaging the issue from TE end. Thanks!
,
Jan 11 2018
,
Jan 11 2018
I see the bug using sassmeister on Chrome/63.0.3239.132 and I have disabled all my chrome extensions as well when I check it. open this url and delete <div class="middle">middle</div> line. https://www.sassmeister.com/gist/4831a01cb16ecf019629004b084fd0a1 Hopefully you can see the bug.
,
Jan 11 2018
Thank you for providing more feedback. Adding requester "sc00335628@techmahindra.com" to the cc list and removing "Needs-Feedback" label. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Jan 11 2018
From the video, the html in codepen didn't have any <div class>. It looks different from what I have attached.
,
Jan 11 2018
@asuka.ochi next time is better if can upload an attached file to reproduce the issue or link to a codepen/jsbin/jsfiddle where the issue can be checked live. I'm attaching the example BTW. However I believe this is not a Chromium but a Firefox bug: * https://bugzilla.mozilla.org/show_bug.cgi?id=1386921 * https://bugzilla.mozilla.org/show_bug.cgi?id=1386932 Check the following GitHub discussion for a detailed explanation: https://github.com/rachelandrew/gridbugs/issues/2
,
Jan 17 2018
Thank you for giving the information. I understood the reason why the css grid's height s are set like that, and also I am sorry I didn't attach testcase files following codepen/jsbin/jsfiddle's format. I won't do that next time! |
|||||||||||||||
►
Sign in to add a comment |
|||||||||||||||
Comment 1 by asuka.o...@ft.com
, Jan 10 201837.5 KB
37.5 KB View Download