Editor de novo tópico muito pequeno no iOS 26.5 Safari Web

[fearlessfrog]

Olá!

Temos um usuário de longa data (somos auto-hospedados no Discourse há 11 anos (!), então, um agradecimento sincero à equipe, aliás ) que não consegue mais criar novos tópicos no navegador Safari móvel no iOS.

Para eles, a situação aparece assim, com o problema sendo a área do editor de texto quebrada:

Peço que tentem recriar isso em try.discourse.org, que é de onde vieram as capturas de tela neste tópico.

Eles conseguem responder a tópicos normalmente, como pode ser visto aqui:

Informações do ambiente (por favor, peçam mais se eu tiver esquecido algo):

User agent do cliente (do nosso banco de dados):

Mozilla/5.0 (iPhone; CPU iPhone OS 18_7 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/26.5 Mobile/15E148 Safari/604.1

O usuário diz que é um iPhone 16 Pro com iOS 26.5 (atualizações mais recentes para ele).

Nossa versão do Discourse é (e pode ser recriada em try.discourse.org a partir de hoje):

2026.6.0-latest (9ba9bc6c55)

O usuário também tentou com o tema Horizon limpo (sem componentes adicionais do nosso lado) e conseguiu recriar o problema.

Eles tentaram abrir e reabrir o teclado, mas não conseguiram resolver o problema.

Tenho acesso a um iPhone 16e com iOS 26.5 e não consigo recriar isso com o Safari nas atualizações mais recentes no nosso fórum, então talvez haja algo na configuração ou nas opções do iOS desse usuário?

Agradeço a qualquer pessoa que possa ajudar ou sugerir algo, ou à equipe, caso consigam recriar isso.

[awesomerobot (Kris)]

Isso é especificamente porque não há espaço suficiente para digitar, certo?

Provavelmente podemos fazer uma rodada de melhorias para garantir que sempre haja pelo menos uma linha de espaço aqui para digitar, independentemente do tamanho do dispositivo… mas, por enquanto, se eles ocultarem a barra de ferramentas com o botão ☰ no topo do editor, eles conseguem pelo menos inserir algum conteúdo?

[fearlessfrog]

O botão ☰ realmente os ajuda e agora lhes dá uma única linha, então estão muito mais felizes. Aqui está um exemplo deles:

Não há muito espaço para trabalhar, e é surpreendente que, mesmo em celulares relativamente novos, haja tão pouco espaço vertical com o teclado assim. Acredito que a categoria / as tags poderiam ser recolhidas ou os ícones GIF/Upload/Tela Cheia poderiam fluir mais para a esquerda para evitar a nova linha no futuro?

De qualquer forma, obrigado por analisar isso — é muito apreciado!

EDIT: Também lembrei o usuário sobre o ícone de tela cheia, que deve ajudar aqui também . Não parece que, no celular, seja possível editar no modo tela cheia, mas isso poderia ser talvez uma solução futura para essa restrição de espaço?

[Moin]

@fearlessfrog

Parece que no mobile não é possível editar em tela cheia, mas isso poderia ser talvez uma solução futura para essa restrição de espaço?

Não é tela cheia, mas sim um modo de pré-visualização. Assim como no desktop, você não pode editar na pré-visualização.

Lembro que o Don criou uma vez um botão de tela cheia para dispositivos móveis, o que ajuda porque oculta os campos de título e categoria — assim como na pré-visualização. Mas eu não testei, então não sei se ainda funciona.

@Don

O componente talvez precise de mais trabalho na área de CSS, mas no geral funciona bem.

GitHub - VaperinaDEV/composer-fullscreen-mobile: This theme component is adding a fullscreen button to composer. · GitHub

Uma alternativa no seu caso seria ocultar o ícone de GIF em dispositivos móveis ou movê-lo para a barra de ferramentas em vez de manter o botão separado na parte inferior. Assim, upload e pré-visualização compartilhariam uma linha, o que poderia resultar em mais uma linha disponível para o editor.

[fearlessfrog]

@Moin

Lembro que o Don criou certa vez um botão de tela cheia para dispositivos móveis, o que ajuda porque oculta o título e o campo de categoria — exatamente como na prévia. Mas eu não testei, então não sei se ainda funciona.

Acabei de tentar e não consegui fazer o ícone aparecer na versão mais recente do Discourse, então pode estar um pouco desatualizado agora ou estou usando de forma incorreta. Parece ser o tipo de coisa que ajudaria muito neste caso. Obrigado por dar uma olhada.

[fearlessfrog]

Atualizei o componente de tema de tela cheia para ajustá-lo às últimas convenções do Discourse e parece estar funcionando bem. Vou tentar fazer um PR no repositório original para deixar tudo em ordem — obrigado novamente pelas informações!

fearlessfrog/composer-fullscreen-mobile: Este componente de tema adiciona um botão de tela cheia ao editor.

[Moin]

@Moin

Uma alternativa no seu caso poderia ser ocultar o ícone de GIF nos dispositivos móveis ou movê-lo para a barra de ferramentas, em vez de mantê-lo como um botão separado na parte inferior.

Este é o novo padrão:

Gifs do Discourse

Pequena atualização sobre este componente: A partir deste PR, você pode encontrar o botão GIF na barra de ferramentas regular no mobile também, no mesmo lugar que no desktop.