[css-text-decor] The emphasis marks should appear under horizontal Chinese text

[xfq]

https://www.w3.org/TR/css-text-decor-4/#text-emphasis-position-property

The expectation is that for horizontal text browsers will, by default (ie. when text-emphasis-position is not set), position emphasis marks above Japanese text, but below Chinese text. Currently, this is not the case. See some tests.

Not sure this should be specified in the CSS spec or the CSS user agent style sheet, so filing an issue here.

[yisibl]

Note, the preferred position of emphasis marks depends on the language. In Japanese for example, the preferred position is over right. In Chinese, on the other hand, the preferred position is under right.

https://drafts.csswg.org/css-text-decor/#text-emphasis-position-property:~:text=Note%2C%20the%20preferred%20position

The specification looks like it's already specified, so it seems to be a bug in the Chrome implementation.

[xfq]

This is in a note (non-normative text), and IMO is for the author rather than the implementer.

[jfkthame]

So maybe the default UA stylesheet should include something like:

:lang(zh) { text-emphasis-position: under; }

Another option would be to define an auto value that behaves in a language-dependent manner without requiring an explicit :lang selector.

Alternatively, this is the responsibility of authors; the spec is just mentioning it for information.

[r12a]

Fwiw, i created an interactive test for this at w3c/character_phrase_tests#67

I think this should probably happen by default – ie. not be the responsibility of authors, because otherwise they'd have to remember to add special styling for every document they produce with emphasis in it. Seems an unnecessary imposition.

[xiaochengh]

Agreed that it should be specified, but I feel odd if we need to specify the default behavior for a specific language in a CSS spec. CSS specs should be more general.

Maybe clreq (https://www.w3.org/TR/clreq/#interlinear_annotations) is a better place?

[kojiishi]

So maybe the default UA stylesheet should include something like:
...

Appendix B: Default UA Stylesheet
https://www.w3.org/TR/css-text-decor-4/#default-stylesheet
has:

/* set language-appropriate default emphasis mark position */
:root:lang(zh), [lang|=zh] { text-emphasis-position: under right; }
[lang|=ja], [lang|=ko]     { text-emphasis-position: over right; }

I haven't checked whether Blink has implemented this or not, sorry, but if not, this looks like an implementation issue.

[yisibl]

Another option would be to define an auto value that behaves in a language-dependent manner without requiring an explicit :lang selector.

This seems like the better way to go.

[xfq]

Both clreq and the Appendix B of css-text-decor are non-normative. I still think normatively specifying the behavior would be useful, since it will affect conformance and will be covered by tests in wpt, so that the expected behaviour can be promoted.

[fantasai]

We should probably make Appendix B normative, to the extent that it is Web-compatible. @kojiishi do you have any concerns with any of the rules, or should we propose this change?

[kojiishi]

Do we know which rules are web compatible and which are not?