[css-grid][css-align] self-start and self-end alignment with orthogonal flows.


I have some doubts about how to implement the Self Alignment properties
when using orthogonal flows and the property values are self-start or
self-end, which are defined as follow in the last draft:

"Aligns the alignment subject to be flush with the edge of the alignment
container corresponding to the alignment subject’s start/end side."

Even though I think my question applies to any other layout model, I'll
focus on grid now. So for the {align, justify}-self properties, the
alignment container would be the grid cell while the grid item would be
the alignment subject.

I assume that when the specification states that justify-self "justifies
the box within its parent along the inline/row/main axis" it s referred
to the alignment container's inline/row/main axis"; the same would apply
to the align-self property, hence the container's block/column/cross
axis would be the one the alignment subject is aligned along. Is my
assumption right ?

So, let's consider an orthogonal flow scenario with an horizontal-tb
grid container and vertical-rl grid items. In the case of justify-self,
for instance, since it aligns the grid items along the inline axis it's
clear that when both alignment container's and subject's inline axis are
parallel the start/end side correspond to the inline-start and
inline-end grid item's side respectively. But, how I should understand
it in the orthogonal flows scenario mentioned before ?

What about an scenario with a vertical-lr grid container and
horizontal-tb grid items ?


Received on Friday, 9 January 2015 15:44:44 UTC