- From: Javier Fernandez Garcia-Boente via GitHub <sysbot+gh@w3.org>
- Date: Thu, 13 Oct 2016 12:26:36 +0000
- To: public-css-archive@w3.org
I found out a baseline test case for flexbox that made me think on
this issue about grid's block-axis baseline. Let's consider the
following flexbox case:
`<div>
before text
<div style="display: inline-flex; flex-flow: column-reverse;">
<div>baseline</div>
<div>above</div>
</div>
after text
</div>`
I've been working under the assumption that it makes sense that
1-row/column grid should behave pretty similar to flexbox. I think
flexbox's column-flow can be easily emulated with 1 column grid.
When computing flexbox container's baseline it doesn't have a
limitation of row/column
structures, so any flexitem will be considered for the operation. In
the case described above, it will use the item with 'baseline' text,
since it has to respect document-order. However, when using a grid
like example, the only way to emulate column-revers is to put that
element in the second row, which
would discard it for determining the container's baseline.
So, my first doubt is whether or not my original assumption of similar
behavior makes sense or not. If it does make sense, how we could
produce the same baseline with grid ? Isn't what flexbox is doing some
kind of block-axis baseline ?
--
GitHub Notification of comment by javifernandez
Please view or discuss this issue at
https://github.com/w3c/csswg-drafts/issues/197#issuecomment-253498606
using your GitHub account
Received on Thursday, 13 October 2016 12:26:44 UTC