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

[css3-flexbox] List of Issues

From: fantasai <fantasai.lists@inkedblade.net>
Date: Tue, 08 May 2012 13:27:28 -0700
Message-ID: <4FA981B0.2@inkedblade.net>
To: "www-style@w3.org" <www-style@w3.org>
List of issues that need WG resolution, Take I.

Flex Box Construction

   1. Is pre whitespace ignored or preserved between elements?

   2. Magic of replaced 'display: inline' elements

   3. What are expected display-inside/display-outside values for flex items,
      and does currently-defined behavior result in a sensible model when
      they are defined to exist?

   4. Effect of 'visibility: collapse' on flex items.
      Proposal A: Stays in box tree, but removes all impact on layout
                  except logical width of flexbox itself.
      Proposal B: Stays in box tree, but removes all impact on layout,
      Proposal C: ?

Flex Property

   1. Split flex as shorthand of flex-grow/flex-shrink/flex-basis

   2. Making zero flexes not transitionable to other values

   3. Does box-sizing affect flex-basis?

   4. Applicability of flex-basis: is it used or ignored for flex == 0?
      Alex suggests it is ignored:
      This would make main sizing source property different iff
      flex-grow == flex-shrink == 0.

   5. Default flexibility of flex items: flexible or inflexible?
      Note: This decision sets the initial values of flex-grow and flex-shrink,
            which conventionally also implies their default values in the flex

   6. What is the computed value of 'flex-basis' when it is 'auto'?
      Is it ''auto'' or is it the used flex basis?

Flex/Main Sizing

   1. Negative Flex: use Alex's alternate formulation

   2. Turn negative flex on by default (now that negative flexing makes sense...)
      This means that in a single-line flexbox, auto-sized flex items with long
      text will shrink so that they don't overflow the flexbox; instead, they become
      narrower and the text wraps. This seems like what we'd want.
      (Multi-line flexbox items still won't shrink unless they're wider than the

   3. Implied min-content minimum size for flexbox items
      Now that we have a reasonable negative flex by default, we should have a
      reasonable minimum main size to go with it.
      Note: IE10 implies min-content as the minimum.
      Note: Could introduce an initial value of 'auto' for 'min-content' to have
            this make more sense. This would compute to '0' wherever needed for

   4. Interpretation of 'auto' flex basis: is it 'fit-content' or 'max-content'?
      Alex prefers 'max-content':

   5. Is the main sizing of a flexbox fill-available, fit-content, or shrinkwrap?


   1. Propagating break-before/after to flex line instead of allowing items to
      break lines, but only in fragmenting contexts

   2. Allowing pull-up in addition to push-down in paging.

   3. Make paging algorithms informative: define multi-col nature of multi-line
      column pagination, and otherwise merely advise to minimize distortion.

Alignment and Cross-Sizing

   1. Single-line vs. multi-line differences in alignment and sizing?

   2. Stretch doesn't allow shrinkage, is that what's wanted?

   3. Get WG approval of 'auto' margin behavior (which is designed to match Grid atm)
      Also: https://www.w3.org/Bugs/Public/show_bug.cgi?id=16755

   4. How do auto margins affect an element's participation in baseline alignment?

   5. 'distribute' behavior doesn't match use case that prompted it

   6. Define/resolve on alignment fallbacks for baseline, stretch, distribute, justify.

   7. True centering vs. safe centering

Terminology and Naming

   1. Rename 'display: flexbox' to 'display: flex'

   2. Rename "flexbox" to "flex container" and "flexbox item" to "flex item" or "flex box"
      to be consistent with CSS terminology elsewhere

   3. Rename 'flex-order' to 'box-order', since it doesn't affect order of
      flexing, but order of boxes.
      Note: this also allows re-use of the property in e.g. grid auto-placement.

   4. Resolve nowrap vs. no-wrap for both Flexbox and CSS3 Text

Syntactic Alignment of Flex Item Alignment

These issues tie into the Box Alignment proposal. [1]

   5. 'distribute' vs. 'justify': unclear which is which. Also names should not be
      inconsistent with text / ruby-align, at the very least.

   6. Flex-flow-relative alignment: start/end/start/end vs. start/end/before/after

   7. Alignment property names are confusing to anyone who hasn't been working
      on Flexbox for months.

   8. Proposal for common alignment: if we're going there, how do we integrate
      with Flexbox without depending on its completion?

[1] http://fantasai.inkedblade.net/style/specs/css3-align/

Received on Tuesday, 8 May 2012 20:28:01 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:16 UTC