Чат не работает на iPad и других устройствах в альбомной ориентации

Несколько пользователей сообщили, что не могут использовать чат на iPad, Samsung Fold и других устройствах.

Проверил: на iPad в портретном режиме всё работает отлично — каналы отображаются в левой панели, а текущий канал или личное сообщение — в правой.

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

Поскольку большинство iPad используются в ландшафтной ориентации, это создаёт проблему.

Возможные решения:

  • Можно ли добавить стрелку «назад» для iPad в ландшафтной ориентации?
  • Альтернативно, если бы можно было принудительно применить стили мобильной версии, это тоже помогло бы.

Буду очень благодарен за любую помощь.


1 лайк

10gen, новейшая iPadOS и DiscourseHub

Не могли бы вы показать, как это выглядит в Safari?

Ни один из наших пользователей не находится в Discourse Hub, и, вероятно, он составляет довольно небольшой процент пользователей для большинства сайтов.

Полностью то же самое.

Не знаю, что вам сказать… Я использую чат на meta.discourse.org на iPad Mini с последней версией ОС. Другие используют полноразмерные iPad и другие устройства.

Скриншоты не врут. Нет способа покинуть канал или личное сообщение, если вы уже присоединились к нему в альбомной ориентации, так как нет левой панели или стрелки «назад» вверху рядом с названием канала.


Возможно, вам стоит попробовать включить «режим отдельной боковой панели чата»?

Потому что даже здесь макет такой же, как я показывал — но, конечно, когда у вас небольшой экран, например, на мини-устройстве, или вы используете боковую панель Safari, боковая панель здесь не остаётся открытой.

Не уверен, является ли это ошибкой, но скорее это вопрос ux.

Я тоже не могу воспроизвести эти проблемы, но давайте сначала попробуем самое очевидное:

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

@Earnie_Baird, ты уверен, что не используешь десктопную версию на мобильном устройстве?

Safari в последней версии iOS

Альбомная ориентация:

Портретная ориентация:

Да, @j.jaffeux — я уверен, что на мобильных устройствах не используется десктопная версия. Для моего сайта на Discourse я использую замечательный компонент Chat Bubbles от @chapoi, и он безупречно работает на телефонах.

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

Также @chapoi — отвечая на ваш вопрос выше: когда люди используют iPad в альбомной ориентации, они никогда не видят всю левую панель, чтобы нажать на ту маленькую иконку мобильного режима (см. мой скриншот выше).

Раздражает то, что по какой-то причине по умолчанию открывается десктопная версия, но они всё равно должны иметь возможность открыть боковую панель через иконку меню в правом верхнем углу, а затем снова найти ту маленькую мобильную иконку внизу.

Итак, я получил iPad большего размера, и он работает так, как показано на скриншотах выше: левая панель навигации корректно отображается в альбомном режиме.

Проблема в том, что если экран недостаточно широкий (iPad mini, Samsung Fold и т. д.), левая панель просто обрезается.

В идеале в этой точке перелома макет должен автоматически переключаться на мобильный вариант.

По сути, существует подмножество устройств, которые больше телефона, но меньше обычного планшета, и на них всё работает некорректно.

2 лайка