Фуригана в верхней части комментария обрезается

Внести вклад Ошибка
1

например: 漢字かんじ

Фуригана не влияет на высоту элемента и его разметку, а контейнер скрывает переполнение. Например:

image
image304×154 5.99 KB

Изменение стиля для .topic-body .cooked на overflow: visible решает эту проблему, хотя это также может пропускать намеренные или раздражающие переполнения.

Это происходит в последней версии Firefox (83.0b6) на macOS. На Chrome (67) воспроизвести не удалось.

6 лайков
2

:wave: Спасибо за сообщение!

Я думаю, мы можем перенести margin-top: 15px из .regular.contents на .cooked в виде padding-top: 15px… это позволит сохранить то же расстояние и скрыть переполнение, но даст дополнительные 15px пространства сверху (этого должно хватить для фуриганы)…

Мне нужно проверить, не вызовет ли такое изменение других проблем, но я не вижу никаких очевидных препятствий…

6 лайков
4

У меня есть изменение в нашей очереди на проверку

2 лайка
5

Это уже слито, вы можете увидеть это в действии на этом примере: 漢字кандзи

2 лайка
6

Эта тема была автоматически закрыта через 5 дней. Новые ответы больше не принимаются.