Como eu deveria saber como fechar o seletor de tags no mobile?

Isso tem me incomodado há muito tempo.

No celular, quando você adiciona uma tag, o seletor permanece aberto. Mas não há uma maneira óbvia de fechá-lo para que possamos escrever nosso conteúdo.

Sei que o seletor pode ser fechado tocando no campo de entrada da tag. Mas isso não é intuitivo. Quando você quer fechar um seletor na internet, geralmente há várias maneiras:

  • Você toca em uma área “vazia”
  • Você clica em um ícone se houver um
  • Ele fecha automaticamente após uma seleção (não necessariamente funcionaria no Discourse, pois podemos selecionar várias tags, mesmo que selecionar apenas uma seja mais comum no meta)

Mesmo sabendo que posso clicar no campo de entrada, é tão pouco intuitivo que continua me incomodando, e ainda preciso pensar/lembrar como fechar o seletor.

Como isso poderia ser melhorado?

10 curtidas

Sim, no celular sou obrigado a fechar o teclado e depois tocar fora da lista suspensa.

Não é muito conveniente.

4 curtidas

Eu uso o momento exato em que ele desaparece após escolher uma tag para fechá-lo. Definitivamente não é o ideal.

Isso é definitivamente um problema para a minha comunidade, já que muitos dos membros usam apenas dispositivos móveis e não são muito familiarizados com tecnologia…

Percebi que eu esperava que o menu suspenso “subisse” ao colocar o foco do cursor no campo de pesquisa. Eu esperaria que ele “descasse” quando eu digitasse algo e “subisse” quando não houvesse nada.

1 curtida

Sim, ter que clicar fora do menu aqui não é muito intuitivo.

Nos últimos anos, movemos muitos modais e menus para usar a visualização “bottom sheet/card” (painel inferior/cartão), e estamos no processo de modernizar alguns desses menus suspenso do tipo select-kit para seguir esse padrão.

@saquetim está no início do processo com isso atualmente, mas não tenho certeza sobre o cronograma ainda. Mas, uma vez concluído, o seletor de tags deve se assemelhar mais a isso:

3 curtidas