Closed Bug 1932903 Opened 1 year ago Closed 1 year ago

text-combine-upright needs to centre the horizontal text around the vertical centre baseline

Categories

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

Product:
Core
Component:
Layout: Text and Fonts
Version:
Firefox 132
Type:
defect

Tracking

()

Status:
RESOLVED INVALID

People

(Reporter: ishida, Unassigned)

References

Details

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:132.0) Gecko/20100101 Firefox/132.0

Steps to reproduce:

See the test at https://w3c.github.io/i18n-tests/exploratory/index.html?text=%3Col%3E%3Cli%3E%E4%BB%95%E8%BE%BC%E3%82%80%E5%89%8D%E3%81%AB%E7%94%9F%E8%8A%8B%E3%82%92%EF%BC%91%EF%BC%8F%EF%BC%94%E3%81%90%E3%82%89%E3%81%84%E3%81%AE%E5%A4%A7%E3%81%8D%E3%81%95%E3%81%AB%E3%82%AB%E3%83%83%E3%83%88%E3%80%82%3C%2Fli%3E%3Cli%3E%E3%81%99%E3%82%8A%E6%BD%B0%E3%81%97%E3%81%9F%E7%94%9F%E8%8A%8B%3C%2Fli%3E%3Cli%3E%E3%81%AA%E3%81%8C%E3%82%89%E3%81%AE%E3%83%91%E3%82%B1%E3%83%83%E3%83%88%E5%BC%8F%E3%81%AE%E5%AE%9A%E9%87%8F%E7%B7%B4%E3%82%8A%E3%80%81%E9%80%9A%E7%A7%B0%E3%83%90%E3%82%BF%E7%B7%B4%E3%82%8A%E6%A9%9F%3C%2Fli%3E%3C%2Fol%3E&css=.test%20%7B%20writing-mode%3Avertical-rl%3B%20padding%3A1rem%3B%20%7D%0A.test%20li%3A%3Amarker%20%7B%0A%20%20text-combine-upright%3A%20all%3B%0A%20%20color%3A%20red%3B%0A%20%20font-size%3A%2060%25%3B%0A%20%20%7D&lang=ja&fontSize=36&width=323&height=494&a=It%20is%20possible%20to%20set%20list%20markers%20as%20upright%20in%20vertical%20text%20using%20text-combine-upright&i=Test%20passes%20if%20the%20list%20markers%20are%20%E2%92%88%2C%20%E2%92%89%2C%20and%20%E2%92%8A%2C%20and%20are%20upright%2C%20and%20are%20centred%20over%20the%20line.%20The%20size%20of%20the%20counters%20is%20reduced%20to%20more%20clearly%20show%20whether%20they%20are%20centred.

If that link is too long, use this link and click on 'test': https://github.com/w3c/line_paragraph_tests/issues/88

Actual results:

Gecko: ✅❌ counters are upright but not centred Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:132.0) Gecko/20100101 Firefox/132.0
Blink: ✅❌ counters are upright but not centred Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36
Webkit: ❌ counters are not upright Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.0.1 Safari/605.1.15

Expected results:

When text-combine-upright is applied the resulting horizontal text should be centred horizontally to match the central baseline of the vertical line below.

(This is being tracked by the W3C at https://github.com/w3c/jlreq/issues/170)

Note that this is the normal style for list markers when dealing with vertical text. It's not just a nice-to-have for people who work with those scripts.

The issue is described here in terms of list counters, but it probably relates to the general use of text-combine-upright, which widens the impact considerably for end users.

(please move if there's a better component for this bug)

Component: Untriaged → Layout: Text and Fonts
Product: Firefox → Core
Severity: -- → S3
Status: UNCONFIRMED → NEW
Ever confirmed: true
See Also: → https://github.com/w3c/jlreq/issues/170

I believe that the misalignment i was seeing was due to me failing to remove the space from the counter. An improved version of the test can be seen by clicking on the 'test' link at https://github.com/w3c/line_paragraph_tests/issues/23, and it seems to work fine.

So this bug can be closed. Thank you.

Status: NEW → RESOLVED
Closed: 1 year ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.