Bug 285694 – Ruby-position:inter-character doesn't support Bopomofo correctly

• Status: NEW
• Component: Text

[r12a]

The Safari 18.2 release page says that Safari now supports ruby-position:inter-character, but this is incorrect.

It places annotations vertically alongside each Han base character, but doesn't correctly place appropriate tone marks in a separate (thinner) vertical column with the standard vertical placement that depends on the number of bopomofo letters used.  It also leaves a large gap  between the neutral tone mark (dot) and the following letter.

The example used to show how inter-character is supported is in Japanese. Japanese doesn't use this vertical approach for character-by-character annotations.  The CSS spec indicates that the inter-character value is for use specifically with bopomofo/zhuyin fuhao annotations (usually used for Traditional Chinese in Taiwan).

As it currently stands, the announcement is both incorrect and misleading.  Please add the additional features needed and change the example in the announcement.

The W3C is tracking this issue at https://www.w3.org/TR/clreq-gap/#issue241_inline_notes.  See also https://www.w3.org/TR/hani-lreq/#inline_notes for explanations of requirements, relevant github discussions, etc.

[Radar WebKit Bug Importer]

<rdar://problem/143058216>

[Karl Dubost]

Created attachment 474114 [details]
rendering in safari, firefox, chrome

Thanks Richard for the bug report.

[Karl Dubost]

tests in https://www.w3.org/International/i18n-tests/results/int-inline-notes-annotations.html#chinese

Such as
https://w3c.github.io/i18n-tests/exploratory/text_decoration/int-text-emphasis.html?lang=ja&fontSize=36&width=400&height=148&textEmphasisStyle=dot&textEmphasisPosition=over%20right&textEmphasisColor=&textEmphasisSkip=&height=148&text=%3Cp%3E%3Cspan%20style%3D%22text-emphasis%3A%20dot%3B%20text-emphasis-position%3A%20over%20right%3B%22%3Eお%3Cruby%3E前%3Crp%3E(%3C%2Frp%3E%3Crt%3Eまえ%3C%2Frt%3E%3Crp%3E)%3C%2Frp%3E%3C%2Fruby%3Eが%3C%2Fspan%3Eかかって%3Cruby%3E来%3Crp%3E(%3C%2Frp%3E%3Crt%3Eこ%3C%2Frt%3E%3Crp%3E)%3C%2Frp%3E%3C%2Fruby%3Eいよ%3C%2Fp%3E&a=Emphasis%20marks%20go%20outside%20ruby.&i=Test%20passes%20if%20the%20emphasis%20dots%20go%20outside%20the%20ruby%20annotations.

[r12a]

The set of tests pointed to above are more relevant for checking emphasis than for inter-character ruby.

A perhaps more useful set of tests can be found by following the link in the initial comment to the gap analysis report and looking for the test subsection.  Those include: 

https://www.w3.org/International/i18n-tests/run?base=css-ruby&batch=css-ruby&test=rubypos/ruby-position-intercharacter-001.html

https://www.w3.org/International/i18n-tests/run?base=css-ruby&batch=css-ruby&test=rubypos/ruby-position-intercharacter-002.html

https://www.w3.org/International/i18n-tests/run?base=css-ruby&batch=css-ruby&test=rubypos/ruby-position-intercharacter-003.html

hth

[Karl Dubost]

Created attachment 474116 [details]
rendering in safari, firefox, chrome

Great.
This first one passes in Chrome and Firefox
but fails in Safari. 
https://www.w3.org/International/i18n-tests/run?base=css-ruby&batch=css-ruby&test=rubypos/ruby-position-intercharacter-001.html

[r12a]

I think you mean that it fails in Chrome & Firefox, but passes in Safari.

But note that that first test is for the rare situation when there are no tone marks.  The other two tests cover the normal inter-character scenarios.