Параграфы с встроенными сносками используют шрифт меньшего размера в Chrome на Android

В этом разделе нет сноски.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

В этом разделе есть сноска. Текст должен быть того же размера, что и остальные, но он меньше (только на мобильных устройствах).

Lorem ipsum[1] dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

И в этом разделе снова нет сноски.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum


  1. «С другой стороны, мы с праведным негодованием и отвращением осуждаем людей, которые так обольщаются и деморализуются прелестями мгновенного удовольствия, что, ослеплённые желанием, не могут предвидеть боль и неприятности, которые неизбежно последуют; и равная вина ложится на тех, кто не выполняет свой долг из-за слабости воли, что то же самое, что сказать — из-за боязни труда и страданий. Эти случаи совершенно просты и легко различимы. В свободный час, когда наша способность выбора ничем не стеснена и ничто не мешает нам делать то, что нам больше всего нравится, каждое удовольствие следует приветствовать, а каждое страдание избегать. Но при определённых обстоятельствах и в силу требований долга или обязательств службы часто бывает, что приходится отказываться от удовольствий и принимать неприятности. Поэтому мудрый человек всегда придерживается в этих вопросах принципа выбора: он отвергает удовольствия, чтобы обеспечить себе другие, большие удовольствия, или же терпит страдания, чтобы избежать худших страданий.» ↩︎

О, лол. Похоже, здесь на Meta сносок нет. Но посмотрите на баг в действии на Ask Fedora:

Параграфы, содержащие сноски в исходном посте темы, а также в ответах, где они есть, в приложении на Android, отображаются шрифтом меньшего размера. В Firefox на рабочем столе они остаются без изменений.

Я только что добавил плагин, так что теперь у нас здесь есть сноски. Я нажал «Перестроить HTML» в вашем первом сообщении.

3 лайка

Спасибо! И я теперь могу сказать: да, это не только мой сайт. Попробуйте и убедитесь сами.

1 лайк

Что ж, для меня (в приложении/iPad (Safari)) сноски теперь отображаются в самом низу этой страницы, ниже предложенных тем.

Размер шрифта абзацев при этом остался прежним.

Только что проверил — на мобильном Firefox работает отлично, но не в приложении со встроенным Chrome и не в браузере Chrome.

Я использую Android/Chrome, и текст для меня выглядит одинаково? Я пробовал здесь, на своём сайте и по ссылке Fedora; и в обычном браузере, и в режиме «установить приложение», и в Discourse Hub.

Хотя встроенная снока в исходном посте, кажется, не разворачивается у меня.

Она разворачивается, но появляется в самом низу страницы? (То есть, прокрутите вниз до конца.) Потому что у меня происходит именно так.

2 лайка

Ах да, вот оно. :slightly_smiling_face: Я думал, что уже смотрел туда после того, как @Jagster упомянул об этом, но явно не прокрутил страницу достаточно далеко.

(просто для справки: на моём сайте всё работает корректно)

Кстати, у меня Android 12 на Pixel 4a.

Думал, что проблема в теме, но это происходит на всех, которые я пробовал.

У меня Android 9/Honor 9.

Я изменил настройки так, чтобы на моих сайтах не использовались встроенные сноски, и это решило проблему. В любом случае, я предпочитаю именно такой вариант, хотя встроенные сноски выглядят стильно. (На самом деле я хочу иметь и то, и другое, но это уже другая история.)

В Firefox для Windows + боковая панель отображается совершенно не в том месте.

@vinothkannans, пожалуйста, расследуйте эту проблему и проблему с Firefox. Возможно, нашу библиотеку popper нужно обновить?

1 лайк

@j.jaffeux работает над крупными изменениями в плагине здесь:

Эти изменения уже развернуты на Meta — стало ли что-то лучше, @mattdm?

1 лайк

Мне кажется, на эту тему всё то же самое. Только я это вижу?

Коммит исправил ряд общих проблем, поэтому я надеялся, что он мог бы решить проблему с размером текста, которую вы наблюдали, — но, похоже, нет :cry:

Я только что проверил на устройстве Android (Galaxy S21, Android 11.0, последний Chrome) через browserstack.com, но не смог воспроизвести проблему:

О каком приложении идёт речь? Официальном приложении «Discourse Hub» для Android?

Я не смотрел эту проблему, думаю, её, вероятно, несложно исправить, давай я займусь этим.

1 лайк

Несколько замечаний:

  • У меня воспроизводится на Android 9 (Galaxy S10) (на более новых версиях не воспроизводится)
  • Это точно связано с кнопкой: если её удалить, размер становится корректным

Изучаю…

2 лайка

@david, я думаю, это должно исправить проблему и одновременно улучшить другие аспекты:

4 лайка