Композитор Discourse и Firefox на Android-планшете

Несколько дней назад мой опыт использования этого форума через приложение Firefox на планшете значительно ухудшился.

Firefox 134.0 (Build #2016064983)
Android 14
Galaxy Tab S9 FE

Дополнительное замечание: я всегда использую Discourse в Firefox с отключённым режимом «версия для настольных ПК». В противном случае шрифт становится слишком большим. Видео, демонстрирующее разницу в размерах:

Одна регрессия, которую очень легко объяснить: меню AI открывается позади поля ввода, поэтому, если мне повезёт, я смогу увидеть почти все опции, но иногда — только одну или вообще ничего. Когда я создаю новую тему, происходит именно это, поскольку поля заголовка и категории также перекрывают меню.



Кроме того, я больше не могу изменять высоту поля ввода. Кнопка «во весь экран» и маркер изменения размера исчезли. Это значительно усложняет цитирование и добавление ссылок на сообщения. Маркер появляется снова, если я включаю «режим для настольных ПК» в настройках Firefox, но, как я уже объяснял, из-за огромного размера всех элементов это не является рабочим решением. В Chrome маркер виден независимо от того, включён режим «версия для настольных ПК» или нет.

Скриншоты, сделанные для сравнения до обновления моего форума:


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


Но создание темы с видимыми в поле ввода всего тремя строками довольно затруднительно. Хотя кажется, что показ предпросмотра увеличивает размер поля ввода, это верно только до тех пор, пока я не нажму на текстовое поле и не появится клавиатура. Даже прокрутка внутри этого небольшого поля для перехода к другому абзацу затруднена.

Раньше я мог увеличивать размер поля ввода, используя маркер в верхней части.


Теперь всегда остаётся область в верхней части, не покрытая полем ввода.

6 лайков

Спасибо, @Moin. В https://github.com/discourse/discourse/pull/30745 должны быть исправлены большинство проблем, которые вы заметили.

На моем тестовом эмуляторе Android я не вижу той же проблемы с меню ИИ.

1 лайк

Я не заметил никаких изменений

1 лайк

Хм, не могли бы вы проверить свой браузер Firefox? Изменение предполагает, что мы правильно определяем ваше устройство как планшет. При проверке можете ли вы увидеть, есть ли у элемента html класс tablet-device?

1 лайк

Похоже, детекция работает.

1 лайк

Я заметил изменение

Теперь это происходит и в Chrome. На моём форуме, который был обновлён примерно 36 часов назад, всё ещё работает в Chrome, но здесь модальное окно ИИ теперь находится под редактором сообщения.

1 лайк

Спасибо, да, я вижу проблему с выпадающим списком ИИ. Это вопрос z-index.

@keegan @awesomerobot Мне нужна здесь помощь. На планшетах, iPad и мобильных устройствах мы теперь устанавливаем z-index mobile-composer для composer, когда он открыт. Причина этого в том, чтобы composer мог располагаться выше заголовка, что особенно важно для планшетов в ландшафтной ориентации.

Однако меню помощника ИИ имеет меньший z-index (немного выше z("composer", "dropdown")), из-за чего на планшетах оно отображается под composer. Думаю, это не влияет на мобильные устройства, так как там кнопка открывает модальное окно. Имело бы смысл переключить его на использование модального окна и для планшетов?

2 лайка

Теперь на планшетах должен отображаться элемент grippie. Кроме того, редактор должен расширяться над заголовком, пример в Chrome:

1 лайк

Я вижу это в Chrome

но в Firefox этого нет

Кроме того, кнопка «На весь экран» для редактора теперь отсутствует в обоих браузерах. Она была очень полезна, так как скрывала поля «Заголовок» и «Категория» при создании новой темы, позволяя использовать это пространство для текста.

1 лайк

Я думаю, вы видите разницу между «Версией для ПК» и «Версией не для ПК». В Firefox, когда переключатель «Версия для ПК» включен, я вижу:

Когда переключатель «Версия для ПК» выключен, я вижу:

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

1 лайк

Я использую Discourse в режиме для десктопа. Переключатель в боковой панели показывает телефон, я вижу предварительный просмотр рядом с редактором, а внизу редактора нет кнопок для добавления GIF или изображения.
Но, как я уже говорил, я использую Firefox с отключённой опцией «версия для десктопа», потому что в противном случае всё слишком велико. Однако это не должно быть проблемой, так как в Chrome не имеет значения, включена ли у меня в настройках «версия для десктопа» — я могу изменять размер редактора в обоих случаях. И неделю назад в Firefox такой проблемы не было.

2 лайка

Верно, мы внесли некоторые изменения в позиционирование редактора, чтобы исправить давние проблемы. Подробнее см.: Reply composer broken on firefox mobile - #6 by pmusaraj

Да, я наблюдаю те же результаты в Chrome: переключение режима «версия для ПК» не влияет на ситуацию. При проверке user agent с включённым и выключенным переключателем в Chrome есть некоторые незначительные различия, но главное — в обоих режимах в строке user agent отсутствует слово Mobile.

В Firefox, когда режим «версия для ПК» отключён, я вижу следующее:

1 лайк

Можно ли исправить проблему, при которой содержимое в Discourse становится таким большим, когда я включаю режим «для ПК»? Думаю, что нет, потому что это, похоже, не проблема самого Discourse, так как это происходит и на других сайтах. Но именно увеличенный размер всего является причиной, по которой я не хочу включать режим «для ПК».\n\nРежим «для ПК» отключён:\n

\n\n\nРежим «для ПК» включён:\n\n\n\nПримечание: кнопка редактора на весь экран также отсутствует, когда режим «для ПК» включён и используется Chrome.\n\n\nКак Discourse определяет, вижу ли я мобильный редактор с кнопками в правом нижнем углу или десктопный редактор с предпросмотром рядом? Поскольку я вижу десктопную версию предпросмотра, кажется, что определение этого работает в Firefox. Можно ли использовать тот же метод для опции изменения высоты?

Не уверен. Firefox здесь отличается от Chrome, верно? Это похоже на проблему, специфичную для Firefox; возможно, есть настройка приложения?

@keegan только что объединил исправление для этого: https://github.com/discourse/discourse-ai/pull/1064, оно должно появиться на meta в ближайшее время.

2 лайка

В Firefox версии 137 это исправлено. Теперь я могу включить режим для настольных сайтов, не сталкиваясь с чрезмерным увеличением элементов. Так что спустя три месяца я снова могу использовать редактор сообщений.

7 лайков