Синяя линия над логотипом баннера

Думаю, это началось где-то за последние 24 часа. Я вижу синюю линию над логотипом баннера…

Сначала я заметил это на своём форуме, но проблема воспроизводится и на meta. Вижу её только в браузере Edge. В Firefox или Chrome её нет. Также она видна только в мобильной версии браузера. В десктопной версии Edge её не наблюдается.

Вчера я обновил код Discourse до последней версии, но не знаю, появилось ли это сразу после обновления или же за последние 24 часа вышло обновление для Edge.

Редактирование: Если открыть страницу как «Версия для ПК» в мобильном браузере, линия всё ещё видна. Я как-то ожидал этого, но стоило попробовать, когда до меня дошло.

Кажется, страницы загружаются настолько быстро, что я всегда вижу только завершённую полосу. Неужели это не совместимо с Chrome или Firefox?

На самом деле, теперь, когда я немного подумал, полоса загрузки достигает лишь примерно 45% ширины экрана, тогда как пример для компонента темы растягивается на всю ширину.

Полоса никогда не продвигается дальше 45%, независимо от того, сколько я жду. Не означает ли это, что страница в Edge загружается не полностью?

Редактирование:

Я вижу ползунок, если обновлю страницу. Он тоньше той синей полосы, которую я вижу, и синяя полоса появляется только после того, как ползунок достигнет 100%.

Привет :waving_hand:

Эта строка — ссылка Перейти к основному содержанию внизу. Я могу воспроизвести это, если изменю размер шрифта в Edge.

При размере шрифта по умолчанию (100%) всё выглядит хорошо.

Однако, если я установлю больший размер шрифта, например 110% или больше, кнопка Перейти к основному содержанию, которая скрыта над заголовком, появится, потому что, похоже, функция изменения размера шрифта в браузере не учитывает некоторые элементы…




Кажется, после перезагрузки страницы всё возвращается в нормальное состояние.

До перезагрузки (200%):

После перезагрузки:

Однако в Discourse есть свой инструмент изменения размера шрифта, который можно использовать вместо встроенного в браузер. Также можно воспользоваться встроенными функциями доступности устройства. Они корректно учитывают элементы.

Изменение размера текста в Discourse:

Перейдите на страницу интерфейса, где можно изменить размер текста.

Увеличение размера шрифта действительно делает кнопку видимой, но на моем телефоне синяя линия видна при 100%. Мне нужно уменьшить размер до 90%, чтобы она исчезла, или установить размер шрифта в Discourse на «Меньше». Однако я уже в том возрасте, когда нужно увеличивать размер шрифта, поэтому вариант с уменьшением для меня не подходит.

Меня удивляет, какова цель скрытой кнопки. Если большинство пользователей (не Edge на мобильных устройствах или не с «правильным» размером шрифта) не могут её увидеть, то это кажется не очень полезным элементом пользовательского опыта?

Это сделано по соображениям доступности. Программы чтения с экрана могут «видеть» эту кнопку.

Ах, понятно.

Есть какие-то идеи, что изменилось? Синяя линия отсутствовала пару дней назад, и я не менял размер шрифта ни в Edge, ни в Discourse, ни на телефоне, чтобы она появилась. Кажется, она появилась после применения последнего набора коммитов Discourse, но я не могу быть в этом на 100% уверен.