RE: [css3-grid-layout] grid-descendant grid items


[François REMY:] 
 
> I understand this and I think it can be delayed to L2. However, 
> I think that the work on CSS Grid Layout L2 could already begin 
> just like the HTML WG is working on stabilizing HTML5 and at the 
> same time adding new features to HTML.next
That is exactly the idea. No objection to this being discussed in 
parallel from me. Just a preference that it be part of the next level.
 
 
 
 
>Subgrids solves two important issues:
 
>- Semantics (elements forming a group should be in a group in the markup)
>- Ability to provide a fallback layout for non-grid-ready browsers which 
> may require a grouping element for abspos or sizing or... (this is what 
> matters the most to me)

The latter part is actually a very interesting point. 
 
 
> However, if you really look forward to something impossible to do on a 
> no-subgrid grid, it’s easy to find one :

Very nice, thank you for that! 
 
 
> (1) I want the text of the file name to have the same height in a row 
> (so if one element of the row needs two lines, all fields will have two 
> lines of height).
Check. You'd need a nested grid with a row of images and a row of captions,
at which point you break them apart.

>(2) I want to be able to style differently already-selected items (here with a 
>small flag on top right and a dark overlay on top of them). When an item is 
>overed, a small flag on top right should indicate a click will add the element 
>to the selection (multi-select).

That seems a direct consequence of #1 or am I missing another one?
 
>(3) I want to expand the filename text zone to display more informations when 
>the element is hovered (it should not matter than it’s the image itself, the 
>selection logo that may be applied over the image or the text zone itself 
>that’s hovered). In this case I want to textzone to move from “stretch in 
>the second item row” to “align botom in a field that spans the first and 
>the second item rows” and also get more info displayed (.fileItem:hover > 
>.text-zone > .more-info { display: block }).
 
 
 
>Using a parent + flexbox or abspos makes it impossible to respect (1) and 
>not using a parent makes it impossible to have (3) easily.

Indeed. 
 
Best regards,
François

Received on Friday, 10 August 2012 14:12:28 UTC