Кодирование создателя тем скрыто клавиатурой на iPad с iOS

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

Воспроизведение:

  1. в Safari на iOS на iPad (6-е поколение)
  2. перейдите в Discourse Theme Creator
  3. попробуйте добавить больше кода в конец существующего CSS в теме
4 лайка

Приоритет/Серьезность: Средний — хотя это может напрямую не влиять на функциональность Discourse, это критическая проблема удобства использования, которая может вызвать раздражение у администраторов и дизайнеров, пытающихся редактировать темы на мобильных устройствах.

Платформа: iPad (6-го поколения), браузер Safari на iOS.

Описание:

При редактировании CSS в Theme Creator Discourse в Safari на iPad клавиатура iOS перекрывает поле ввода текста. Это затрудняет просмотр или редактирование кода в конце CSS-файла.

Шаги для воспроизведения:

  1. Откройте браузер Safari на iPad (6-го поколения).
  2. Перейдите на веб-сайт Theme Creator для Discourse.
  3. Выберите существующую тему для редактирования.
  4. Перейдите в раздел редактирования CSS выбранной темы.
  5. Прокрутите до конца существующего CSS.
  6. Нажмите на текстовое поле в конце CSS, чтобы вызвать клавиатуру.
  7. Попробуйте добавить новое правило CSS в конец существующего CSS.
  8. Обратите внимание, что появляется клавиатура iOS и перекрывает вид текстового поля, что затрудняет просмотр или редактирование кода.
1 лайк

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

Пока я ставлю на это тег pr-welcome.

Имейте в виду: правильно настроить размеры в iOS действительно сложно… Мне, @pmusaraj и @j.jaffeux потребовалось множество итераций, чтобы просто разобраться с чатом и основными компонентами ввода.

К сожалению, это не тривиальное исправление.

4 лайка

Для меня лично это нормально, я всё равно редко использую Theme Creator на своём iPad. Иногда мне нравится использовать его для быстрого теста кода, если я не рядом с ноутбуком. Код можно разместить где угодно выше в текстовом поле, так что это очень круто. Спасибо @sam! :slight_smile:

3 лайка