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

**URL:** https://meta.discourse.org/t/discourse-composer-and-firefox-on-android-tablet/346876
**Category:** UX
**Tags:** tablet, fixed
**Created:** [13.Январь.2025 14:18:55 UTC](https://meta.discourse.org/t/discourse-composer-and-firefox-on-android-tablet/346876 "2025-01-13T14:18:55Z")
**Posts on this page:** 16
**Page:** 1

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [13.Январь.2025 14:18:55 UTC](https://meta.discourse.org/t/discourse-composer-and-firefox-on-android-tablet/346876/1 "2025-01-13T14:18:55Z")

</div>

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

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

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

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

 ![Screenshot_20250111_143820_Firefox](https://global.discourse-cdn.com/meta/original/4X/7/e/2/7e270a3e8ffcf9532aba6657039e415581b537dd.jpeg)  
 ![Screenshot_20250111_143851_Firefox](https://global.discourse-cdn.com/meta/original/4X/8/4/a/84a1e98be39db6d33baab52924502f73d8b675eb.jpeg)  
 ![Screenshot_2_20250113_150019_Firefox](https://global.discourse-cdn.com/meta/original/4X/b/6/e/b6ecadb909a82133f71b05969bfd380e63293b9a.jpeg)

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

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

 ![Screenshot_20250113_001948_Firefox](https://global.discourse-cdn.com/meta/original/4X/7/e/5/7e51558d701120264a56effec10ceb5341d9f4f9.jpeg)  
 ![Screenshot_20250113_002131_Firefox](https://global.discourse-cdn.com/meta/original/4X/f/8/5/f859f584074139323523b0f81e4a4c1be6b70c94.jpeg)

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

 ![Screenshot_20250113_150140_Firefox](https://global.discourse-cdn.com/meta/original/4X/e/d/3/ed3604d0e3d380a745ccf7b0c60c834f312fce79.jpeg)  
 ![Screenshot_20250113_150126_Firefox](https://global.discourse-cdn.com/meta/original/4X/a/3/5/a35768e2b9e1da397e746adaff48a21989ce0026.jpeg)

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

 ![Screenshot_20250113_150623_Firefox](https://global.discourse-cdn.com/meta/original/4X/e/4/a/e4ac7fd39aa4420728355f7fa514f5885653d3ab.jpeg)

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

 ![Screenshot_20250113_002150_Firefox](https://global.discourse-cdn.com/meta/original/4X/e/c/b/ecb40d0575f2a7e1ab96bebb373a429bbec8acf4.jpeg)  
 ![Screenshot_20250113_002214_Firefox](https://global.discourse-cdn.com/meta/original/4X/c/f/4/cf4d8455780d4381d75f215f5fce706705d023d1.jpeg)

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

 ![Screenshot_20250113_151133_Firefox](https://global.discourse-cdn.com/meta/original/4X/9/b/1/9b193a103425395d0729f8584d379faa08775f2d.jpeg)

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [13.Январь.2025 18:52:28 UTC](https://meta.discourse.org/t/discourse-composer-and-firefox-on-android-tablet/346876/4 "2025-01-13T18:52:28Z")

</div>

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

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

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [13.Январь.2025 21:36:16 UTC](https://meta.discourse.org/t/discourse-composer-and-firefox-on-android-tablet/346876/5 "2025-01-13T21:36:16Z")

</div>

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

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [13.Январь.2025 23:37:38 UTC](https://meta.discourse.org/t/discourse-composer-and-firefox-on-android-tablet/346876/6 "2025-01-13T23:37:38Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [13.Январь.2025 23:50:27 UTC](https://meta.discourse.org/t/discourse-composer-and-firefox-on-android-tablet/346876/7 "2025-01-13T23:50:27Z")

</div>

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

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/a/d/aadbc546768a9b753f12b23e46eb651285fecd3c.png)

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [14.Январь.2025 09:56:44 UTC](https://meta.discourse.org/t/discourse-composer-and-firefox-on-android-tablet/346876/8 "2025-01-14T09:56:44Z")

</div>

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

> [@Penar Musaraj](#):
>
> На моём тестовом эмуляторе Android я не вижу той же проблемы с меню ИИ.

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

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [14.Январь.2025 15:06:43 UTC](https://meta.discourse.org/t/discourse-composer-and-firefox-on-android-tablet/346876/9 "2025-01-14T15:06:43Z")

</div>

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

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

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

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [14.Январь.2025 15:08:05 UTC](https://meta.discourse.org/t/discourse-composer-and-firefox-on-android-tablet/346876/10 "2025-01-14T15:08:05Z")

</div>

> [@Moin](#):
>
> Я не заметил никаких изменений

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

 ![CleanShot 2025-01-14 at 10.07.29@2x](https://global.discourse-cdn.com/meta/original/4X/5/f/c/5fc1bb9dbbc0760dc0f43f97b911875692a1e822.jpeg)

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [14.Январь.2025 15:11:13 UTC](https://meta.discourse.org/t/discourse-composer-and-firefox-on-android-tablet/346876/11 "2025-01-14T15:11:13Z")

</div>

Я вижу это в Chrome

 ![Screenshot_20250114_161050_Chrome](https://global.discourse-cdn.com/meta/original/4X/d/4/e/d4e329fead68c95bbf1c899fdfe8079342792626.jpeg)

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

 ![Screenshot_20250114_160855_Firefox](https://global.discourse-cdn.com/meta/original/4X/d/0/8/d085f543e82906a023d8e9d0623509e9adceb2d7.jpeg)

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

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [14.Январь.2025 15:21:27 UTC](https://meta.discourse.org/t/discourse-composer-and-firefox-on-android-tablet/346876/12 "2025-01-14T15:21:27Z")

</div>

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

 ![CleanShot 2025-01-14 at 10.13.51@2x](https://global.discourse-cdn.com/meta/original/4X/5/7/4/5747016ebba1522775ea6cd56d1aa7f3ff3bcc06.jpeg)

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

 ![CleanShot 2025-01-14 at 10.20.05@2x](https://global.discourse-cdn.com/meta/original/4X/8/5/3/8538e26ffb496be4e8aca0fadfb407e53e340f74.jpeg)

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

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [14.Январь.2025 15:31:37 UTC](https://meta.discourse.org/t/discourse-composer-and-firefox-on-android-tablet/346876/13 "2025-01-14T15:31:37Z")

</div>

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

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [14.Январь.2025 15:49:39 UTC](https://meta.discourse.org/t/discourse-composer-and-firefox-on-android-tablet/346876/14 "2025-01-14T15:49:39Z")

</div>

> [@Moin](#):
>
> А неделю назад в Firefox такой проблемы не было.

Верно, мы внесли некоторые изменения в позиционирование редактора, чтобы исправить давние проблемы. Подробнее см.: [Reply composer broken on firefox mobile - #6 by pmusaraj](https://meta.discourse.org/t/reply-composer-broken-on-firefox-mobile/341110/6?u=pmusaraj)

> [@Moin](#):
>
> В Chrome не имеет значения, активирована ли в настройках опция «версия для ПК».

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

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

 ![CleanShot 2025-01-14 at 10.49.11@2x](https://global.discourse-cdn.com/meta/original/4X/f/6/8/f6890d872436ea4d6587c0c0ec2abc3104606e9c.jpeg)

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [14.Январь.2025 16:29:06 UTC](https://meta.discourse.org/t/discourse-composer-and-firefox-on-android-tablet/346876/16 "2025-01-14T16:29:06Z")

</div>

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

 ![Screenshot_20250114_172952_Firefox](https://global.discourse-cdn.com/meta/original/4X/2/4/7/2479487cc81c30168c09114156c36f4fd6f6d1b4.jpeg)\n\n\nРежим «для ПК» включён:\n ![Screenshot_20250114_173038_Firefox](https://global.discourse-cdn.com/meta/original/4X/9/2/d/92dd41cbdf698a69d89d2c31133064f6d0c100ab.jpeg)\n\n\nПримечание: кнопка редактора на весь экран также отсутствует, когда режим «для ПК» включён и используется Chrome.\n\n\nКак Discourse определяет, вижу ли я мобильный редактор с кнопками в правом нижнем углу или десктопный редактор с предпросмотром рядом? Поскольку я вижу десктопную версию предпросмотра, кажется, что определение этого работает в Firefox. Можно ли использовать тот же метод для опции изменения высоты?

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [14.Январь.2025 17:37:33 UTC](https://meta.discourse.org/t/discourse-composer-and-firefox-on-android-tablet/346876/19 "2025-01-14T17:37:33Z")

</div>

> [@Moin](#):
>
> Можно ли исправить проблему, при которой содержимое в Discourse становится слишком большим, когда я включаю десктопную версию сайта?

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

> [@Moin](#):
>
> Одной регрессией, которую легко объяснить, является то, что меню AI открывается позади редактора.

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

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [19.Апрель.2025 15:57:27 UTC](https://meta.discourse.org/t/discourse-composer-and-firefox-on-android-tablet/346876/21 "2025-04-19T15:57:27Z")

</div>

> [@Moin](#):
>
> Можно ли исправить проблему, из-за которой контент в Discourse становится слишком большим при включении режима «для настольных сайтов»? Думаю, нет, так как это, похоже, не проблема самого Discourse, ведь это происходит и на других сайтах. Но именно из-за увеличения размеров всего я не хочу включать режим для настольных сайтов.

![](https://media.tenor.com/rY95EqesaaoAAAAC/bob-the-builder.gif)

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

 ![Screenshot_20250419_175429_Firefox](https://global.discourse-cdn.com/meta/original/4X/d/a/b/dab30df01a2d2d89a702ef9f52f60ff0cf508faf.jpeg)

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [03.Декабрь.2025 11:57:01 UTC](https://meta.discourse.org/t/discourse-composer-and-firefox-on-android-tablet/346876/22 "2025-12-03T11:57:01Z")

</div>


