Issue metadata
Sign in to add a comment
|
[grid] Margin unexpectedly inclusive of CSS grid row/column with upcoming changes
Reported by
philleew...@gmail.com,
Oct 18
|
||||||||||||||||||||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36 Steps to reproduce the problem: Visit https://codepen.io/phil-lee/pen/MPVzRJ on Chrome Canary and the margin renders inclusive of the element contained in CSS Grid row. What is the expected behavior? I would expect the margin to be exclusive of the element. What went wrong? I believe the recent changes to CSS Grid have affected how an element's margins are treated when nested inside of a CSS Grid that has rows/columns defined using percentages. Did this work before? Yes 69 Does this work in other browsers? No - Visit https://codepen.io/phil-lee/pen/MPVzRJ on Opera Developer see issue - Visit https://codepen.io/phil-lee/pen/MPVzRJ on Firefox Nightly no issue - Visit https://codepen.io/phil-lee/pen/MPVzRJ on Safari no issue - Visit https://codepen.io/phil-lee/pen/MPVzRJ on Chrome 69 no issue Chrome version: 69.0.3497.100 Channel: n/a OS Version: OS X 10.13.6 Flash Version:
,
Oct 22
This is not a bug, this is the expected behavior after this change: https://www.chromestatus.com/feature/6708326821789696 Now the 33.3% row is resolved to a fixed size and the item gets stretched/shrinked to that size. If you use "repeat(3, auto)" you'd get the same output than other browsers that haven't implemented the new resoultion for percentage row tracks yet. BTW, the output should be the same in Safari Technology Preview.
,
Oct 23
Ahhh I thought it might be part of the upcoming changes. Thanks for the example in your explanation! |
|||||||||||||||||||||||
►
Sign in to add a comment |
|||||||||||||||||||||||
Comment 1 by e...@chromium.org
, Oct 21Components: -Blink>CSS Blink>Layout>Grid
Status: Available (was: Unconfirmed)
Summary: [grid] Margin unexpectedly inclusive of CSS grid row/column with upcoming changes (was: Margin unexpectedly inclusive of CSS grid row/column with upcoming changes)