1869577 - Implement text-autospace CSS property

Status: NEW

(Core :: Layout: Block and Inline, enhancement)

Description

[Celeste Liu [:Coelacanthus]]

This is still in draft but it would be a really good feature for web designers to achieve more graphic consistency across different browsers.
And it's important for CJK users.
Chromium has implemented it in Chrome 120.
https://developer.chrome.com/blog/css-i18n-features

https://drafts.csswg.org/css-text-4/#text-autospace-property

Comment 1

[Tatsunori Uchino]

https://bugzilla.mozilla.org/show_bug.cgi?id=289130

Comment 2

[一丝]

Note that text-autospace has shipped in Safari 18.4, but its default value is not normal

• https://developer.apple.com/documentation/safari-release-notes/safari-18_4-release-notes#CSS:~:text=Added%20support%20for%20text%2Dautospace
• https://webkit.org/blog/16406/release-notes-for-safari-technology-preview-210/

Comment 3

[一丝]

This would be a great improvement for Chinese users and I hope to see Firefox implement it.

Comment 4

[Jonathan Kew [:jfkthame]]

Currently there is some text-autospace behavior (though not a full implementation) in Chrome Canary; in particular, it implements auto-spacing between CJK characters and adjacent Latin text. For an example, compare the two lines of text in:

data:text/html;charset=utf-8,
    <p style="text-autospace:no-autospace">hello%E4%BD%A0%E5%A5%BDworld</p>
    <p style="text-autospace:normal">hello%E4%BD%A0%E5%A5%BDworld</p>

Note that there's an open issue regarding what the initial value should be.

Comment 5

[Jonathan Kew [:jfkthame]]

This property will address https://www.w3.org/International/jlreq/gap-analysis/#issue312_spacing in the Japanese Gap Analysis doc.

Comment 6

[一丝]

Can you list what features this would require in Gecko?

Comment 7

[一丝]

SORRY, please ignore my last comment. It was an error submission and I don't have permission to delete it.

Comment 8

[Masayuki Nakano [:masayuki] (he/him)(JST, +0900)]

There is an issue about the initial value.

Comment 9

[Ting-Yu Lin [:TYLin] (PST, UTC-8)]

Intent to prototype: CSS text-autospace property on dev-platform.