W3C home > Mailing lists > Public > public-css-testsuite@w3.org > June 2015

Re: Refactoring of inline-block-alignment tests

From: Gérard Talbot <css21testsuite@gtalbot.org>
Date: Sat, 06 Jun 2015 14:48:48 -0400
To: 塩澤 元 (Shiozawa, Hajime) <hajime.shiozawa@gmail.com>
Cc: Public CSS test suite mailing list <public-css-testsuite@w3.org>
Message-ID: <6791454bb76eb2f2d197ec6ca2d267e7@gtalbot.org>
Le 2015-06-06 00:57, 塩澤 元 a écrit :
> Hi,
> 
> I have submitted the new version of inline-block-alignment tests.
> 
> These tests has only two case (writing-mode:vertical-rl +
> text-orientation:mixed). I'll submit other case in later.
> I'll remove old test case and rename new test after new test case is
> approved.
> 
> Commit
> - https://hg.csswg.org/test/rev/e53afd19c2db
> - https://hg.csswg.org/test/rev/45175a424209
> 
> Hajime.


Hajime,

When an inline-block (with block descendants) is in a 'writing-mode: 
vertical-rl' context with 'text-orientation: mixed' or with 
'text-orientation: upright', then the horizontal center of 
inline-block's margin box is used for baseline-alignment with the 
central (dominant) baseline


"
If an atomic inline (such as an inline-block, inline-table, or replaced 
inline element) is not capable of providing its own baseline 
information, then the UA synthesizes a baseline table thus:

alphabetic
     The alphabetic baseline is assumed to be at the under margin edge.
central
     The central baseline is assumed to be *_halfway between the under 
and over margin edges of the box_*.
"
4.3. Atomic Inline Baselines
http://dev.w3.org/csswg/css-writing-modes-3/#replaced-baselines

and this is what Firefox does: it aligns the center of the 
inline-block's margin box with the central baseline.



What Chrome does is trying to apply:
"
The baseline of an 'inline-block' is the baseline of its last line box 
in the normal flow (...)
"
CSS 2.1, 10.8.1 Leading and half-leading
http://www.w3.org/TR/CSS21/visudet.html#leading

which is wrong in my opinion in the context of dominant central 
baseline.

Example given:

http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/vert-align-latin-baseline-inline-block-dhtml.html

or

http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/vert-align-japan-baseline-inline-block-dhtml.html

'vertical-align: text-top', 'vertical-align: text-bottom', 
'vertical-align: top' and 'vertical-align: bottom' appear to be rendered 
as expected in both Firefox and Chrome. I think Chrome has a decisive 
implementation bug for baseline-aligning inline-blocks (which uses block 
descendants).

Gérard
-- 
Test Format Guidelines
http://testthewebforward.org/docs/test-format-guidelines.html

Test Style Guidelines
http://testthewebforward.org/docs/test-style-guidelines.html

Test Templates
http://testthewebforward.org/docs/test-templates.html

CSS Naming Guidelines
http://testthewebforward.org/docs/css-naming.html

Test Review Checklist
http://testthewebforward.org/docs/review-checklist.html

CSS Metadata
http://testthewebforward.org/docs/css-metadata.html
Received on Saturday, 6 June 2015 18:49:20 UTC

This archive was generated by hypermail 2.4.0 : Friday, 20 January 2023 19:58:21 UTC