Skip to content

[css-align-3] How to determining baseline type (alphabetic or central) when synthesizing baselines? #7578

@bfgeek

Description

@bfgeek

https://drafts.csswg.org/css-align-3/#synthesize-baseline

The spec is pretty clear about the writing mode to use etc, however not clear about how to interpret the text-orientation property. E.g.

<!DOCTYPE html>
<div style="display: grid; justify-items: baseline; text-orientation: sideways;">
  <div style="writing-mode: vertical-rl;">hi<br>there</div>
   <!-- does below this synthesize using alphabetic or central? -->
  <div style="width: 50px; height: 50px; writing-mode: vertical-rl; background: lime; text-orientation: mixed;"></div>
</div>

(note ignore current rendering of all browsers here - they are wrong).

When synthesizing a baseline within a grid/flex context, do we synthesize based off the containers text-orientation, or the items?

(I think it should be the container - as this matches inline layout).

@fantasai @tabatkins

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions