display の Web 非互換問題
-
[234] 1746562 - ruby with display: inline mangles the position of the annotation characters
()
https://bugzilla.mozilla.org/show_bug.cgi?id=1746562
-
[235] www.ghibli.jp - Ruby element is not rendered correctly · Issue #96604 · webcompat/web-bugs · GitHub
()
https://github.com/webcompat/web-bugs/issues/96604
[236]
Firefox だけが実装している CSS Ruby の display 指定が
Web互換ではないため、
Firefox でだけ表示が崩れる。
Firefox の開発者は仕様通りとして INVALID にした >>234。
[9]
Chrome も実装したら同じように崩れるだろと言っているけど、
もう何年も未対応のままで、しかもWeb互換性の問題まで見つかったものを、
今後
Chrome や Safari が実装する日は来るのだろうか?
誰でも実装できて
Web互換性の問題が無い形に
CSS Ruby
を作り直した方が良いような...
[11] 差別をなくすために差別を温存している? 『「社会正義」はいつも正しい』の読みどころを訳者・山形浩生が解説!|Hayakawa Books & Magazines(β), https://archive.md/2022.11.17-025441/https://www.hayakawabooks.com/n/n3856ec404c2f
だからこの人たちの癇に<ruby style="background-repeat:no-repeat;border-bottom-color:rgb(8, 19, 26);border-bottom-style:solid;border-bottom-width:0px;border-image-outset:0;border-image-repeat:stretch;border-image-slice:100%;border-image-source:none;border-image-width:1;border-left-color:rgb(8, 19, 26);border-left-style:solid;border-left-width:0px;border-right-color:rgb(8, 19, 26);border-right-style:solid;border-right-width:0px;border-top-color:rgb(8, 19, 26);border-top-style:solid;border-top-width:0px;box-sizing:border-box;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-indent:0px;" >障<rt style="background-repeat:no-repeat;color:rgba(8, 19, 26, 0.66);font-size:9px;border-bottom-color:rgba(8, 19, 26, 0.66);border-bottom-style:solid;border-bottom-width:0px;border-image-outset:0;border-image-repeat:stretch;border-image-slice:100%;border-image-source:none;border-image-width:1;border-left-color:rgba(8, 19, 26, 0.66);border-left-style:solid;border-left-width:0px;border-right-color:rgba(8, 19, 26, 0.66);border-right-style:solid;border-right-width:0px;border-top-color:rgba(8, 19, 26, 0.66);border-top-style:solid;border-top-width:0px;box-sizing:border-box;display:block;line-height:normal;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:start;text-indent:0px;-webkit-text-emphasis-color:rgba(8, 19, 26, 0.66);-webkit-text-emphasis-style:none;" >さわ</rt></ruby>った(「トリガーした」)言説は、それだけで有罪確定だ。
[12] rt に display:block が指定されているので、
Chrome
では正常に上ルビとして表示されるのに、
Firefox
では親文字列の右側にルビ文字列が表示されてしまう。
歴史
[1] Latest topics > CSS3 Ruby Module - outsider reflex (Piro(SHIMODA Hiroshi) 著, 版) http://piro.sakura.ne.jp/latest/blosxom/mozilla/extension/rubysupport/2008-03-16_css3.htm
[2] CSS Ruby Module Level 1
( ( 版))
http://www.w3.org/TR/2013/WD-css3-ruby-20130919/
[3] CSS Ruby Module Level 1
( ( 版))
http://dev.w3.org/csswg/css-ruby/
[4] CSS Ruby Layout Module Level 1
( ( 版))
http://www.w3.org/TR/2014/WD-css-ruby-1-20140805/
[5] [css-ruby] Add myself as co-editor (again)
(upsuper著, )
https://github.com/w3c/csswg-drafts/commit/e050fd67cd871991f217a6c769fd75dabdb9c822
[6] CSS3 Ruby Module
( ( 版))
http://www.w3.org/TR/2011/WD-css3-ruby-20110630/
[10] Intent to ship: CSS Ruby, https://groups.google.com/g/mozilla.dev.platform/c/CrVBhJaHduc
[13] 880802 - Support ruby-specific display values - chromium, https://bugs.chromium.org/p/chromium/issues/detail?id=880802
[14] 44515 – Implement ruby CSS display values, https://bugs.webkit.org/show_bug.cgi?id=44515