ISSUE-20: [css3-writing-modes] auto logical width in orthogonal flows ⓣ ⓒ
[css3-writing-modes] auto logical width in orthogonal flows ⓣ ⓒ
- State:
- CLOSED
- Product:
- css-writing-modes
- Raised by:
- Richard Ishida
- Opened on:
- 2011-03-23
- Description:
- THREAD: http://www.w3.org/Mail/flatten/index?subject=https%3A%2F%2Flists.w3.org%2FArchives%2FPublic%2Fwww-style%2F2011Jan%2F0047.html&list=
There's a few e-mails going on in Japanese ML about 'auto' logical width in orthogonal flows, the issue mentioned in writing modes spec[1]. One person preferred 100vh option, but I'd like to understand the results of each option better.
<div id="A" style='width: 300px; writing-mode: horizontal-tb;'>
AAA
<div id="B" style='writing-mode: vertical-rl;'>BBB</div>
CCC
</div>
B has 'auto' logical width here, so the actual height will be:
* max-content-size: the height of the string "BBB"
* 100vh: the height of the viewport, so there will be vertical scroll
* same logical width: 300px
I suppose this is correct understanding, but I'd appreciate if anyone can confirm.
Next, add the height property to the div A:
<div id="A" style='width: 300px; height: 200px; writing-mode: horizontal-tb;'>
AAA
<div id="B" style='writing-mode: vertical-rl;'>BBB</div>
CCC
</div>
B's height will be:
* max-content-size: the height of the string "BBB". If (the height of "BBB" + heights of "AAA" and "CCC") exceeds 200px, div A will overflow.
* 100vh: the height of the viewport, so div A will overflow (assuming your screen is higher than 200px).
* same logical width: 300px, so div A will overflow.
I would like div B has (200px - the height of "AAA" - the height of "CCC") as the maximum logical width (height) in this case, but if I understand the current spec correctly, none of the options mentioned there give this behavior.
Do I misunderstand the spec?
[1] http://dev.w3.org/csswg/css3-writing-modes/#orthogonal-flows
- Related Actions Items:
- No related actions
- Related emails:
- [css-text-decor-3] Updated DoC, open issues (from fantasai.lists@inkedblade.net on 2016-12-27)
- I18N-ISSUE-20: css3-writing-modes] auto logical width in orthogonal flows [CSS-mail] (from sysbot+tracker@w3.org on 2011-03-23)
Related notes:
No additional notes.
Display change log