- From: Tab Atkins Jr. <jackalmage@gmail.com>
- Date: Wed, 4 Nov 2015 17:33:36 -0800
- To: Sergio Villar Senin <svillar@igalia.com>
- Cc: fantasai <fantasai.lists@inkedblade.net>, www-style list <www-style@w3.org>
On Wed, Oct 14, 2015 at 8:46 AM, Sergio Villar Senin <svillar@igalia.com> wrote: > On 22/09/15 02:07, fantasai wrote: >>>> >>>> It means when you're calculating the min-content/max-content >>>> contribution of the grid container, e.g. if the grid container >>>> happens to be inside a float (or is itself a float). >>> >>> Oh, so I had taken it completely wrong. OK, just to be 100% sure, >>> you mean that it does not apply for example to the following >>> example: >>> >>> <div style="display: grid; width: min-content;"></div> >> >> It does also apply to this example. > > I should have used a better example, as I'm mainly interested in > heights. So in the following 2 examples: > > .grid { display:grid; grid-template: 20px / minmax(50px, 100px); } > > <div class="grid" style="height: min-content"></div> > > and > > <div style="height: min-content"> > <div class="grid"></div> > </div> > > what are the expected height of the grid container and the height of the > first and unique row of the grid? > > In the code I'm planning to land in Blink soon those values are: > > * example 1: grid container height: 50px; grid row: 50px; > * example 2: grid container height: 100px; grid row: 100px; > > are those correct? No. Both of them should be 50px in example 2. This is defined in <https://drafts.csswg.org/css-grid/#algo-grow-tracks>, where a min-sizing constraint (in this case inherited from its parent) sets the free space to zero, so the track stays at 50px (the minimum). ~TJ
Received on Thursday, 5 November 2015 01:34:26 UTC