On Fri, May 7, 2010 at 5:54 PM, Tab Atkins Jr. <jackalmage@gmail.com> wrote:
> flexbox-order: <integer> (1)
I realized after sending this mail that the property is z-index, not
z-order (I get that wrong all the time in my stylesheets). So let's
change this to "flexbox-index: <integer> (0)".
Now, a question of intuitiveness. In z-index, higher numbers make
boxes show up on top, or "first" conceptually. Lower numbers are
*painted* first, though. Which is the most intuitive notion of
"first" here? That is, would you expect a higher or lower number to
put a given flexbox child first?
I'm slightly leaning toward higher numbers coming first, because I
think it is slightly unintuitive that you have to write code like
this:
ul { display: flex; }
li { width: fit-content; margin: 1fl; }
li.current { flex-index: -1; }
...to create a tabbed display where the "current" tab moves to the
front. To get more intuitive numbers you have to explicitly set the
flex-index of plain <li>s too.
But I dunno. Perhaps this is the more intuitive way. I don't have a
strong opinion either way.
~TJ