Re: [csswg-drafts] [css-align][css-grid] Synthesizing baselines for elements orthogonal to the baseline-axis

```
<style>
    .grid { display: grid; grid-auto-flow: row; }
    .contentStart { align-content: start; justify-content: start; }
    .justifyItemsBaseline { justify-items: baseline; }
    .alignItemsStart { align-items: start; }
 </style>
 <div class="grid contentStart justifyItemsBaseline alignItemsStart">
   <div>A</div><div>A</div><div>A</div><div>A</div>
 </div>

```
Only the row-axis (justify-self) applies as baseline-axis, which determines we must select items which
share a column-like alignment context (the first and only column, in this case); the four items share such first column context. 

All items have a block flow direction parallel to the alignment context's axis, hence we must treat them as: 

> having a block flow direction orthogonal to the alignment context’s axis and directed end-ward relative to the box that establishes the alignment context, ...

As the CSS Sizing spec states, we must synthesized the items' baseline using their **under** border edge. If we use the table defined in the CSS Writing Modes spec,  we should map **under** to **bottom** because the items are horizontal. However, that doesn't make sense because the baseline-axis is the row axis, in this case, the horizontal axis.

So, I assumed that we must treat those items as orthogonal to the grid container, hence vertical, so that we map **under** to **left** 

I wonder whether my assumption is correct, and in that case, whether it's properly described in the specs.

-- 
GitHub Notification of comment by javifernandez
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1038#issuecomment-292666165 using your GitHub account

Received on Friday, 7 April 2017 22:24:05 UTC