Composer do Discourse e Firefox em tablet Android

Há alguns dias, minha experiência usando este fórum com o aplicativo Firefox no meu tablet piorou muito.

Firefox 134.0 (Build #2016064983)
Android 14
Galaxy Tab S9 FE

Nota adicional: Sempre usei o Discourse no Firefox com o “site para desktop” desativado. Caso contrário, a fonte fica muito grande. Vídeo mostrando a diferença de tamanho:

Uma regressão muito fácil de explicar é que o menu de IA abre atrás do compositor, então, se tiver sorte, consigo ver quase todas as opções, mas às vezes apenas uma ou nenhuma. Quando crio um novo tópico, é uma das últimas opções, pois o campo de título e categoria também cobrem o menu.



Além disso, não consigo mais ajustar a altura do compositor. O botão de tela cheia e a alça desapareceram. Isso torna a citação e o link de posts muito mais complicados. A alça volta quando habilito o “modo desktop” nas configurações do Firefox, mas, como expliquei antes, devido ao tamanho enorme de tudo, isso não é uma solução alternativa. No Chrome, a alça fica visível, independentemente de o “site para desktop” estar habilitado ou desabilitado.

Capturas de tela tiradas para comparação antes da atualização do meu fórum:


A altura do compositor agora também depende se a pré-visualização é mostrada ou não. É maior em ambas as direções quando a pré-visualização está visível. Estas são as duas opções de altura fixa que posso escolher habilitando ou ocultando a pré-visualização à direita. Portanto, ocultar a pré-visualização funciona como uma solução alternativa para citação.


Mas compor um tópico com mal 3 linhas visíveis no compositor é bastante difícil. Embora pareça que mostrar a pré-visualização aumenta o tamanho do compositor, isso só acontece até eu tocar no campo de texto e o teclado aparecer. Mesmo rolar dentro desse pequeno campo para navegar para outro parágrafo é difícil.

Antes, eu conseguia aumentar o tamanho do compositor usando a alça no topo.


Agora sempre há uma área no topo que não é coberta pelo compositor.

6 curtidas

Obrigado @Moin, DEV: Improve composer positioning on tablets by pmusaraj · Pull Request #30745 · discourse/discourse · GitHub deve resolver a maioria dos problemas que você notou.

No meu emulador Android de teste, não consigo ver o mesmo problema no menu de IA.

1 curtida

Não notei nenhuma mudança

1 curtida

Hmm, há alguma chance de você inspecionar seu navegador Firefox? A alteração assume que detectamos corretamente seu dispositivo como um tablet, ao inspecionar, você pode ver se o elemento HTML tem a classe tablet-device?

1 curtida

Eu acho que a detecção funciona.

1 curtida

Notei uma alteração

Agora isso acontece no Chrome também. Ainda funciona no Chrome no meu fórum, que foi atualizado há cerca de 36 horas, mas aqui o modal de IA está agora atrás do compositor.

1 curtida

Obrigado, sim, eu vejo qual é o problema com o menu suspenso de IA. É um problema de z-indexes.

@keegan @awesomerobot Preciso de ajuda aqui. Em tablets, iPads e celulares, agora definimos um z-index de mobile-composer para o compositor quando ele está aberto. A razão para isso é que o compositor possa ser sobreposto ao cabeçalho, o que é especialmente importante em visualizações de paisagem de tablets.

No entanto, o menu auxiliar de IA tem um z-index menor (logo acima de z("composer", "dropdown")), que aparece abaixo do compositor em tablets. Acho que isso não afeta o celular, o botão aciona uma janela modal lá. Faria sentido usar também uma modal em tablets?

2 curtidas

Você deve ver o elemento “grippie” agora em tablets. E o compositor deve se expandir acima do cabeçalho, exemplo no Chrome:

1 curtida

Eu vejo no Chrome

mas está faltando no Firefox

E o botão do compositor de tela cheia está faltando em ambos agora. Era bastante útil, pois oculta os campos de título e categoria ao criar um novo tópico, para que você possa usar esse espaço para o corpo.

1 curtida

Eu acho que você está vendo a diferença entre Site para Desktop vs. Site não para Desktop. No Firefox, com a opção Site para Desktop ativada, eu vejo:

Com a opção Site para Desktop desativada, eu vejo:

Isso está funcionando como esperado, na minha opinião, a versão mobile não terá o “grippie” para redimensionar o compositor, essa é uma decisão consciente, a grande maioria dos dispositivos móveis não tem espaço para redimensionar o compositor.

1 curtida

Bem, eu uso o Discourse no modo desktop. O alternador na barra lateral mostra um telefone, vejo uma prévia ao lado do compositor e não há botões para adicionar um gif ou imagem na parte inferior do compositor.
Mas, como eu disse antes, eu uso o Firefox com o “site desktop” desativado, porque de outra forma tudo é muito grande. Mas isso não deveria ser o problema, pois no Chrome não importa se eu ativo o “site desktop” em suas configurações, posso alterar o tamanho do compositor em ambos os casos. E não foi um problema no Firefox há uma semana.

2 curtidas

Certo, fizemos algumas alterações no posicionamento do compositor para corrigir alguns problemas antigos, veja Reply composer broken on firefox mobile - #6 by pmusaraj

Sim, estou obtendo os mesmos resultados do Chrome, alternar para Site Desktop não tem efeito. Ao inspecionar o agente do usuário com ou sem essa alternância, o Chrome tem algumas diferenças sutis, mas crucialmente nenhum dos modos tem Mobile no agente do usuário.

No Firefox, com o Site Desktop desativado, eu vejo:

1 curtida

Podemos corrigir o problema de o conteúdo no Discourse ficar tão grande quando habilito o site para desktop? Acho que não, porque isso não parece ser um problema do Discourse, pois acontece em outros sites também. Mas o tamanho aumentado de tudo é o motivo pelo qual não quero habilitar o site para desktop.

Site para desktop desabilitado:

Site para desktop habilitado:

Observação: o botão do compositor em tela cheia também está faltando quando o site para desktop está habilitado e no Chrome.

Como o Discourse decide se vejo o compositor móvel com os botões no canto inferior direito ou o compositor de desktop com uma prévia ao lado dele? Como vejo a versão de desktop da prévia, a detecção para isso parece funcionar no Firefox. A mesma técnica pode ser usada para a opção de alterar a altura?

Não tenho certeza. O Firefox difere do Chrome aqui, certo? Isso parece um problema específico do Firefox, talvez haja uma configuração no aplicativo?

@keegan acabou de mesclar uma correção para isso: FIX: Composer helper not appearing on tablets by keegangeorge · Pull Request #1064 · discourse/discourse-ai · GitHub, deve estar no meta em breve.

2 curtidas

Está corrigido na versão 137 do Firefox. Agora posso habilitar o site para desktop sem que tudo fique muito grande. Então, depois de 3 meses, posso usar o composer novamente.

7 curtidas