- From: François REMY <francois.remy.dev@outlook.com>
- Date: Sat, 28 Jun 2014 01:15:16 +0200
- To: "Tab Atkins Jr." <jackalmage@gmail.com>
- Cc: "CSS WG" <www-style@w3.org>
> > While the answer to this question is likely to be in the spec, I would
> > like
> > to double-check what the following example does:
> >
> > #GRID { grid-template-columns: (L0) auto (L1) auto (L2) auto (L3);
> > ... }
> > #GRID > ELM { grid-column: L1; ... }
> >
> > Here's my current interpretation:
> >
> > Given there's no second value for "grid-column", and given the first
> > value is an IDENT, both "grid-column-start" and "grid-column-end" are
> > computed to "L1".
> > Given there's no area named L1, we can skip the L1-start/L1-end
> > check.
> > In conclusion, the element ends up with both start and end edges
> > being
> > attached to the L1 line, and a span of 0.
> >
> > First, am I correct in my interpretation?
>
> Yes, but check out the error-correction section:
> <http://dev.w3.org/csswg/css-grid/#grid-placement-errors>. When the
> -end property would contribute a line at or before the line
> contributed by -start, it instead contributes nothing. So the whole
> grid placement is just a column-start line at L1. Follow the
> placement => position/span rules at the beginning of the chapter, and
> you get a span of 1, as that's the default when there's no span
> contributed and it's not a subgrid.
>
> ~TJ
Thanks Tab for the clarification; the expected behavior is thus what I would
have expected it to be. Please note I may continue to have such questions
for a few weeks, so please bear with me :-)
That being said, I must say I'm really in love with the CSS Grid spec as it
is now, aka a beautifully crafted set of white magic pieces seemingly living
toegether in harmony. Kudos to all involved.
Received on Friday, 27 June 2014 23:15:41 UTC