[clreq] Adjacent items with text decoration should be separated by a small gap (#599)

r12a has just created a new issue for https://github.com/w3c/clreq:

== Adjacent items with text decoration should be separated by a small gap ==
<i class="meta">This issue is applicable to Chinese and Japanese.</i>

When two underlined items appear side-by-side, the underline should be broken between the two. For example, although there are no gaps between characters in the code stream, there should be small visible gaps in the underlining of this example, which contains 2 proper nouns ('sòng', and 'ōuyángxiū') and a poem title ('míng fēi qū').

<img width="362" alt="fig_underline_gap" src="https://github.com/w3c/clreq/assets/4839211/56195063-4c66-4170-82ee-55260a6d6431">


More:
- [Clreq](https://w3c.github.io/clreq/#handling_interlinear_punctuation)
- [example](https://github.com/w3c/clreq/issues/502#issuecomment-1751628253)



### The GAP

None of the major browsers show this gap between text decorations.

[css-text-decor-4](https://www.w3.org/TR/css-text-decor-4/#propdef-text-decoration-skip-inset) The CSS Text specification currently proposes the use of a `text-decoration-skip-inset` property, although it is not yet finalised and is not supported by any browser. The auto value should automatically produce the slightly shorter line lengths below the characters.

<span class="pass">Gecko</span>, <span class="partial">Blink</span>, and <span class="fail">Webkit</span>



### Priority
These text decorations are used commonly in Chinese text, and decorations that run into each other creates readability problems.  This gap is therefore being labelled as basic.





### Tests & results

<i>Interactive test</i>, [text-decoration-skip-inset: auto; will create a gap between words that are side by side and underlined using the u tag.](https://github.com/w3c/character_phrase_tests/issues/65)<br>
<i>Interactive test</i>, [text-decoration-skip-inset: auto; will create a gap between spans that are side by side and underlined using text-decoration-line:underline.](https://github.com/w3c/character_phrase_tests/issues/65)<br>







### Action taken
Awaiting finalisation of CSS syntax.



### Outcomes
tbd



Please view or discuss this issue at https://github.com/w3c/clreq/issues/599 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 31 January 2024 05:53:00 UTC