[css-flexbox][css-grid] Doubt about properties that have no effect on flex/grid containers

Hi,

flexbox and grid specs have a very similar section about some properties
that don't apply to flex/grid containers. Let me ask a question about
how they should work using the following 2:
* all of the column-* properties in the Multicol module have no effect
on a flex/grid container.
* the ::first-line and ::first-letter pseudo-elements do not apply to
flex/grid containers.

With the following CSS:
  .flexbox { display: flex; }
  .first-line-100::first-line { line-height: 100px; }
  .first-line-300::first-line { line-height: 300px; }
  .column-count-2 { column-count: 2; }
  .column-count-3 { column-count: 3; }

Let's start by a simple example:

  <div class="flexbox first-line-100 column-count-3">
    Blah blah blah...
  </div>

This case seems pretty clear, and both first-line pseudo element and
column-count property should be ignored.

My question is what should happen if the flexbox/grid parent have some
of these properties defined too:

  <div class="first-line-300 column-count-2">
    <div class="flexbox first-line-100 column-count-3">
      Blah blah blah...
    </div>
  </div>

Should the first-line pseudo-element (with 300px value) be applied to
the flex/grid item?
And what happens regarding the column-count property? Should the
flex/grid item have 2 or 1 columns?

If you're wondering I've been testing different browsers (and ignoring a
bug for flexboxes in Safari and Chrome) the result is the same in all of
them (IE, Firefox, Safari and Chrome):
* The pseudo-element is ignored.
* However the column-count property from the flex/grid parent is used,
so it has 2 columns.

I'd like to know if this is or not the expected behavior.

Thanks,
  Rego

Received on Thursday, 7 August 2014 16:25:45 UTC