Как мне узнать, как закрыть селектор тегов на мобильном устройстве?

Это меня давно беспокоит.

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

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

  • Вы нажимаете на «пустое» место
  • Вы нажимаете на иконку , если она есть
  • Он автоматически закрывается после выбора (на Discourse это не всегда сработает, так как мы можем выбирать несколько тегов, хотя на meta чаще выбирают только один)

Даже если я знаю, что можно нажать на поле ввода, это настолько не интуитивно, что продолжает меня беспокоить, и мне всё ещё приходится вспоминать, как закрыть селектор.

Как это можно улучшить?

10 лайков

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

Это не очень удобно.

4 лайка

Я использую долю секунды, пока тег исчезает после выбора, чтобы закрыть его. Определенно не идеально.

Это определенно проблема для моего сообщества, так как многие его участники пользуются только мобильными устройствами и не очень разбираются в технологиях…

Я заметил, что ожидал сворачивания выпадающего списка при наведении курсора на поле поиска. Я бы ожидал, что он разворачивается, когда я что-то ввожу, и сворачивается, когда поле пустое.

1 лайк

Да, необходимость кликать вне меню здесь не очень интуитивна.

За последние годы мы перенесли множество модальных окон и меню на использование вида «нижний лист/карточка» (bottom sheet/card) и в настоящее время модернизируем некоторые из этих выпадающих списков типа select-kit, чтобы они соответствовали этому шаблону.

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

3 лайка