[css3-grid-layout] Handling of orthogonal writing-mode on the grid items

• From: Julien Chaffraix <julien.chaffraix@gmail.com>
• Date: Thu, 24 Jan 2013 15:19:55 -0800
• To: www-style@w3.org
• Message-ID: <CAGY_oHJJ8cUAKs+_4rovS4UEyw14zBKyARXBKSG07whc7WR=ZA@mail.gmail.com>

Hi everyone,

the specification is silent about how to handle orthogonal flow on the
grid items e.g.:

<div style="display: grid; grid-definition-rows: 100px;
grid-definition-columns: 100px;">
   <div style="writing-mode: vertical-rl;"></div>
   <div></div>
</div>

The intuition would be that that the measure of each grid items would
be 100px. Their extent would be 0 as they have no content.

The sequential (columns then rows) algorithm in the specification
cannot handle this example as you need access to both track directions
when laying all children (due to the width: auto).

The question starts to get even more interesting when you add
content-based sizing to the grid element.

Thanks,
Julien

Received on Thursday, 24 January 2013 23:20:42 UTC