Closed Bug 1730433 Opened 3 years ago Closed 3 years ago

CSS: Vertical text cannot be aligned horizontally within a table cell

Categories

(Core :: Layout: Text and Fonts, defect)

Firefox 91
defect

Tracking

()

RESOLVED DUPLICATE of bug 1231656

People

(Reporter: mazin07, Unassigned)

References

()

Details

Attachments

(1 file)

Attached image Selection_011.png (deleted) —

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:91.0) Gecko/20100101 Firefox/91.0

Steps to reproduce:

Consider the following HTML table:

<table>
<tbody>
<tr>
<th>This is my heading</th>
</tr>
<td style="writing-mode: vertical-rl;vertical-align:middle;border:1px solid black;">
しょうがない
</td>
</tbody>
</table>

Actual results:

The Japanese text should be laid out vertically, right to left. That works.

But in Firefox, there is no way to control whether it appears on the left side, in the middle, or on the right side of the table cell.

Expected results:

In Chrome, you can set the vertical-align property. For example, vertical-align=top would align this text at the top of its natural writing order, which is the right side of the table cell, and vertical-align=bottom would put the text on the left.

The Bugbug bot thinks this bug should belong to the 'Core::Layout: Text and Fonts' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Component: Untriaged → Layout: Text and Fonts
Product: Firefox → Core

The severity field is not set for this bug.
:jfkthame, could you have a look please?

For more information, please visit auto_nag documentation.

Flags: needinfo?(jfkthame)

I think this is essentially a dupe of bug 1231656.

Status: UNCONFIRMED → RESOLVED
Closed: 3 years ago
Flags: needinfo?(jfkthame)
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: