Baselines of inline-block and inline-table do not respect the last line box or the first row if 'writing-mode' is 'vertical-lr'.

Confirmed Issue #9761275 • Assigned to Peter S.

Details

Author
Takao B.
Created
Nov 11, 2016
Privacy
This issue is public.
Found in
  • Microsoft Edge
  • Internet Explorer
  • Chrome
  • Safari
  • Firefox
  • Opera
Standard affected
CSS Writing Modes Level 3

Found in build #
14.14393
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

Steps:

  1. Run any of following tests

Description:

When ‘writing-mode’ is ‘vertical-lr’ and ‘text-orientation’ is ‘mixed’ or 'upright’, then the central baseline should be used as the dominant baseline.

In the test case, the central baseline of ‘div#inline-block’ should be center of the blue square, as defined by [1].
Also, the central baseline of ‘div#inline-table’ should be center of the blue square [2].

However, the orange squares are not aligned to the blue square.

https://drafts.csswg.org/css21/visudet.html#propdef-vertical-align
[1] “The baseline of an ‘inline-block’ is the baseline of its last line box in the normal flow”
[2] “The baseline of an ‘inline-table’ is the baseline of the first row of the table.”

Note that this issue does not occur if ‘writing-mode’ is 'vertical-rl’.

(I’ve reported same issue to chrome http://crbug.com/664386 )

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Francois R.”

      Changed Status to “Confirmed”

      Changed Assigned To from “Francois R.” to “Peter S.”

    You need to sign in to your Microsoft account to add a comment.

    Sign in