W3C home > Mailing lists > Public > www-style@w3.org > August 2012

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

From: Sylvain Galineau <sylvaing@microsoft.com>
Date: Fri, 10 Aug 2012 14:11:52 +0000
To: François REMY <fremycompany_pub@yahoo.fr>, Ojan Vafai <ojan@chromium.org>, Tony Chang <tony@chromium.org>, Julien Chaffraix <jchaffraix@chromium.org>
CC: fantasai <fantasai.lists@inkedblade.net>, "www-style@w3.org" <www-style@w3.org>
Message-ID: <3C4041FF83E1E04A986B6DC50F0178291BE21078@TK5EX14MBXC221.redmond.corp.microsoft.com>

[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.

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

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:39:02 UTC