w3c / w3c/clreq

Upright text orientation not supported — FIXED !

Open
#248 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

doc:clreq gap i:writing_mode l:zh p:ok s:hani s:jpan s:kore s:mong x:clreq x:jpan x:klreq x:mlreq
Dominant language
HTML
Stars
809
Forks
66
Avg merge
19m
Merged PRs (30d)
1

Description

This issue is applicable to Chinese, Japanese, Korean, and Mongolian.

By default, in runs of Latin alphanumeric text the letters are rotated 90º and run down the page. However, in some instances the alphanumerics need to stand upright. For example, this is important for acronyms.

Screenshot 2021-11-19 at 11 04 53

Browsers need to allow content authors to indicate where alphanumerics should be rendered upright.

The GAP

writing-modes The CSS text-orientation property has a value upright which is meant to produce this behaviour, but not all browsers support it.

Priority

Upright-oriented Latin text, especially, is used commonly for acronyms in Chinese, Japanese, Korean, & Mongolian vertical text, so this is a significant gap for general web content.

Tests & results

Interactive test, text-orientation:upright will make Latin characters and digits sit upright in vertical text.

Action taken

Webkit

Outcomes

All major browser engines now support this feature!

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked CSS Writing Modes text-orientation specification and the interactive test for upright Latin characters and digits in vertical text. The issue also points to WebKit bug 196139; however, its outcomes state that all major browser engines now support the feature, so no implementation work remains identified here.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
internationalization
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
15/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.