元々Safari用に組んでいた「なろうリーダー」。
なろうを縦書きで読みたいと作ったのだが、Safariを更新したら、まともに表示されなくなってしまった。
CSSは全く弄っていないのに、いつの間にやら挙動が変わって困っている。
CSSの読み方が変わったのか、元々定義を間違えていたところを今迄はフォローしてくれていたのか……現行のサファリではこうだ。
文章の左スペースは他と同様にグレーになる筈なのに、どのブラウザでも白くなってしまう。
そして問題となっているのが、ルビ部分である。なぜか横書きになってしまっている。
それでもGoogle Chromeよりかはまし。
これではまるで読めない。
Firefoxはだいぶ良い。
それでもルビのサイズ定義が、本文に連動してくれないという不具合がある。文字のサイズを読みやすい大きさに変更できるようにしたのに、ルビのサイズは小さいままだったりする。
更に、どのブラウザも行間の指定が無視されていたりする。
縦書きは少し前のsafariが一番都合が良かったという話。
2022年9月13日追記
古いOSのSafariで見てみたら、きちんと表示されていた。
つまり、この後から表示がおかしくなっていて、いまだに直らないってことだね。
縦書きやらルビやらは誰もやらないのかな。読み物は縦書きが良いのにね。