Muito difícil adicionar usuários à lista em vários modais na visualização móvel

:bug: Visão Geral

Os modais de lista suspensa para adicionar usuários na visualização móvel frequentemente acabam fora da área visível da tela e falham ao tentar deslizar para baixo para vê-los.

Alguns dos locais onde consegui reproduzir isso no modo seguro são:

  • adicionar usuários a grupos na página do grupo
  • atribuir um tópico ou postagem a um usuário (por exemplo: no menu de chave inglesa do tópico ou no menu de chave inglesa de administração da postagem)
  • convidar outro usuário para uma MP (Mensagem Privada)
  • adicionar usuários à lista de ignorados em /my/preferences/users (o mutar funciona bem porque não há modal para a lista suspensa)

Ocasionalmente, após algumas tentativas de deslizar suavemente para baixo, consigo fazer o modal permanecer visível, mas é muito instável e frequentemente simplesmente fecha. Vale ressaltar que estou usando um telefone com tela grande — iPhone 15 Pro Max —, então o efeito pode ser ainda pior em modelos de celulares menores.

:woman_walking: Passos para reproduzir

Aqui está um exemplo de uma tentativa falha de preencher a lista suspensa para adicionar usuários a um grupo:

  1. Acesse a página de um grupo como administrador e toque no botão + Adicionar Usuários
  2. Veja o modal na parte inferior da tela com o campo de pesquisa
  3. Toque no campo de pesquisa para digitar e observe o modal subir acima da área visível
  4. Tente arrastar o modal para baixo para digitar no campo
  5. Falha — o modal fecha automaticamente e retorna à página de membros do grupo.

:white_check_mark: Resultado esperado

O modal permanece visível. Observe que o modal semelhante para alterar a propriedade da postagem a partir do menu de administração da postagem funciona conforme o esperado:

:cross_mark: Resultado observado

Veja acima — o campo de entrada de pesquisa do usuário está fora da área visível porque o modal está posicionado muito alto na tela.

:books: Informações adicionais

  • Estou usando um iPhone 15 Pro Max e consegui reproduzir o problema acima no modo seguro com as versões mais recentes do Safari, Chrome e Firefox (e PWA). Não consegui reproduzir no iPad, nem em orientação paisagem nem retrato. Ainda não confirmei em dispositivos Android.
  • Usar o modo móvel nas ferramentas de desenvolvedor do navegador desktop não reproduz o problema; só consegui reproduzir no meu dispositivo móvel.
  • Não sei se isso está relacionado ao Discourse ou ao iOS (assumo que seja o Discourse, já que o modal de alterar propriedade da postagem parece funcionar conforme o esperado).
3 curtidas