例: 漢字
ルビは要素の高さやレイアウトに影響を与えず、コンテナはオーバーフローを隠します。例えば:
.topic-body .cooked のスタイルを overflow: visible に変更するとこの問題は解決しますが、意図的または煩わしいオーバーフローも表示されてしまう可能性があります。
これは macOS 上の最新バージョンの Firefox (83.0b6) で発生しており、Chrome (67) では再現できません。
例: 漢字
ルビは要素の高さやレイアウトに影響を与えず、コンテナはオーバーフローを隠します。例えば:
.topic-body .cooked のスタイルを overflow: visible に変更するとこの問題は解決しますが、意図的または煩わしいオーバーフローも表示されてしまう可能性があります。
これは macOS 上の最新バージョンの Firefox (83.0b6) で発生しており、Chrome (67) では再現できません。
ご報告ありがとうございます!
.regular.contents の margin-top: 15px を .cooked の padding-top: 15px に変更できるかと考えています。これにより、同じ間隔を保ちつつオーバーフローを非表示にでき、かつ上方向に15pxの追加のオーバーフローを許容できます(これならルビを収めるのに十分なはずです)。
この変更が他の問題を引き起こさないか確認する必要がありますが、明らかな障害は今のところ見当たりません。
レビュー用のキューに変更が入りました
This has been merged, you can see it in action with this example: 漢字
このトピックは5日後に自動的に閉鎖されました。新しい返信は受け付けられなくなっています。