Обзор
Модальные окна выпадающих списков для добавления пользователей в мобильном виде часто оказываются за пределами экрана, из-за чего попытка свайпнуть вниз, чтобы их увидеть, завершается неудачей.
Некоторые места, где мне удалось воспроизвести эту проблему в безопасном режиме:
- добавление пользователей в группы со страницы группы;
- назначение темы или сообщения пользователю (например, из меню гаечного ключа темы или меню администратора поста);
- приглашение другого пользователя в личное сообщение;
- добавление пользователей в список игнорируемых (
/my/preferences/users) (функция «заглушить» работает корректно, так как для выпадающего списка нет модального окна).
Иногда, после нескольких попыток аккуратно свайпнуть вниз, мне удаётся удержать модальное окно в поле зрения, но это очень капризно, и часто окно просто закрывается. Также стоит отметить, что я использую телефон с большим экраном — iPhone 15 Pro Max, поэтому на более компактных моделях эффект может быть ещё сильнее.
Шаги для воспроизведения
Вот пример неудачной попытки заполнить выпадающий список для добавления пользователей в группу:
- перейдите на страницу группы как администратор и нажмите кнопку «+ Добавить пользователей»;
- вы увидите модальное окно в нижней части экрана с полем поиска;
- коснитесь поля поиска, чтобы начать ввод, и обратите внимание, как модальное окно уходит выше области просмотра;
- попробуйте перетащить модальное окно вниз, чтобы ввести текст в поле;
- неудача — модальное окно автоматически закрывается, и вы возвращаетесь на страницу участников группы.
Ожидаемый результат
Модальное окно остаётся в поле зрения. Обратите внимание, что аналогичное модальное окно для изменения владельца сообщения из меню администратора поста работает как положено:
Фактический результат
См. выше: поле ввода поиска пользователя находится вне поля зрения, так как модальное окно расположено слишком высоко в области просмотра.
Дополнительная информация
- я использую iPhone 15 Pro Max и могу воспроизвести описанное выше в безопасном режиме с последними версиями Safari, Chrome и Firefox (а также PWA). На iPad воспроизвести не удалось ни в альбомной, ни в портретной ориентации. Проверка на мобильных устройствах Android пока не проводилась.
- использование режима мобильного устройства в инструментах разработчика десктопного браузера не позволяет воспроизвести проблему; я могу воспроизвести её только на своём мобильном устройстве.
- я не знаю, связана ли эта проблема с Discourse или с iOS (я предполагаю, что с Discourse, поскольку модальное окно изменения владельца сообщения работает корректно).