# Ativar o chat altera o preenchimento do main-outlet no celular
**URL:** https://meta.discourse.org/t/enabling-chat-changes-the-padding-of-main-outlet-on-mobile/245072
**Category:** Support
**Tags:** chat
**Created:** [9 Novembro , 2022 18:38 UTC](https://meta.discourse.org/t/enabling-chat-changes-the-padding-of-main-outlet-on-mobile/245072 "2022-11-09T18:38:07Z")
**Posts on this page:** 10
**Page:** 1
### Author:  [@piffy](https://meta.discourse.org/u/piffy)
#### Post date: [9 Novembro , 2022 18:38 UTC](https://meta.discourse.org/t/enabling-chat-changes-the-padding-of-main-outlet-on-mobile/245072/1 "2022-11-09T18:38:07Z")
Ativar o chat altera o preenchimento do meu `main-outlet` no celular, assim:\n\n### antes\n
\n\n### depois\n \n\nO CSS relevante do chat está aqui:\n\n \n(o preenchimento é substituído de 1em para 0)\n\n\nEu entendo que ainda está em desenvolvimento e as coisas podem mudar. Acho que faz sentido definir o preenchimento como zero na página de chat, mas ele acaba sendo aplicado a todas as páginas.\n\n—\n\nUma segunda coisa que notei é que no celular, meu teclado cobre o que estou digitando (android/chrome):\n \n\n[details="compare isso com o discord, onde a caixa de texto é colocada acima do teclado"]\n \n[/details]\n\nIsso parece mais um bug do que algo apenas esquecido. Posso investigar mais esse problema para ver se é outro componente de tema ou algo que o está causando, se for um bug específico do meu lado.
---
### Author:  [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [9 Novembro , 2022 18:39 UTC](https://meta.discourse.org/t/enabling-chat-changes-the-padding-of-main-outlet-on-mobile/245072/2 "2022-11-09T18:39:16Z")
> [@piffy](#):
>
> Isso parece mais um bug do que algo simplesmente esquecido. Posso investigar mais a fundo essa questão para ver se é outro componente do tema ou algo que está causando isso, se for um bug específico do meu lado.
Você tem a versão do Android / versão do Chrome, por favor?
---
### Author:  [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [9 Novembro , 2022 18:42 UTC](https://meta.discourse.org/t/enabling-chat-changes-the-padding-of-main-outlet-on-mobile/245072/3 "2022-11-09T18:42:17Z")
> [@piffy](#):
>
> Habilitar o chat altera o preenchimento do meu `main-outlet` no celular, assim:
>
> ### antes
>
> 
>
> ### depois
>
> 
>
> O CSS relevante do chat está aqui:
>
> 
> (o preenchimento é substituído de 1em para 0)
>
> Entendo que ainda está em desenvolvimento e as coisas podem mudar. Acho que faz sentido definir o preenchimento como zero na página de chat, mas ele acaba sendo aplicado a todas as páginas.
Tem certeza de que isso vem do chat? Nós não temos um arquivo `chat-mobile.scss`, tanto quanto sei.
---
### Author:  [@piffy](https://meta.discourse.org/u/piffy)
#### Post date: [9 Novembro , 2022 18:49 UTC](https://meta.discourse.org/t/enabling-chat-changes-the-padding-of-main-outlet-on-mobile/245072/4 "2022-11-09T18:49:04Z")
Deixe-me primeiro esclarecer se instalei o chat da maneira correta.
Reconstruí minha instância ontem à noite. Não incluí o chat no meu arquivo app.yml - meu entendimento é que agora é um plugin que vem com o core do Discourse?
O URL leva para cá: [discourse/plugins/chat at main · discourse/discourse · GitHub](https://github.com/discourse/discourse/tree/main/plugins/chat)
Vou descobrir de onde vem este `chat-mobile.scss`.
---
### Author:  [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [9 Novembro , 2022 18:49 UTC](https://meta.discourse.org/t/enabling-chat-changes-the-padding-of-main-outlet-on-mobile/245072/5 "2022-11-09T18:49:34Z")
Sim, este agora é um plugin principal
> [@piffy](#):
>
> Vou descobrir de onde vem este `chat-mobile.scss`.
É possível que eu esteja perdendo alguma coisa aqui… mas, de cabeça, não sei onde isso estaria no plugin atualmente. Temos algo com preenchimento, mas isso deveria estar restrito a `.has-full-page-chat` e, como resultado, não deveria impactar outras páginas.
---
### Author:  [@piffy](https://meta.discourse.org/u/piffy)
#### Post date: [9 Novembro , 2022 18:55 UTC](https://meta.discourse.org/t/enabling-chat-changes-the-padding-of-main-outlet-on-mobile/245072/6 "2022-11-09T18:55:21Z")
Encontrei, parece ser do tema Discourse Air que estou usando
>
Eu uso isso com alguns dos meus próprios CSS substituindo, então acho que este é um problema “meu” neste caso.
* * *
Vou investigar o problema do teclado, presumo que esse comportamento não seja intencional, certo?
---
### Author:  [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [9 Novembro , 2022 18:56 UTC](https://meta.discourse.org/t/enabling-chat-changes-the-padding-of-main-outlet-on-mobile/245072/7 "2022-11-09T18:56:11Z")
> [@piffy](#):
>
> Vou investigar o problema do teclado, presumo que esse comportamento não seja intencional, certo?
Sim, não é intencional 🙂
---
### Author:  [@piffy](https://meta.discourse.org/u/piffy)
#### Post date: [9 Novembro , 2022 19:09 UTC](https://meta.discourse.org/t/enabling-chat-changes-the-padding-of-main-outlet-on-mobile/245072/8 "2022-11-09T19:09:30Z")
Eu isolei o problema. Tenho alguns componentes que usam o outlet `below-site-header` (por exemplo, um banner rotativo e uma barra de navegação). Imagino que a altura deles não esteja sendo contabilizada corretamente?
> **captura de tela completa**
>
> 
Estes são componentes personalizados que escrevi, então talvez seja outro “problema meu”, mas também pode ser que qualquer coisa em `below-site-header` possa ser um problema, caso em que se torna um “problema nosso” 🙂
---
### Author:  [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [9 Novembro , 2022 19:11 UTC](https://meta.discourse.org/t/enabling-chat-changes-the-padding-of-main-outlet-on-mobile/245072/9 "2022-11-09T19:11:26Z")
Mas como isso funcionaria? Você ficaria com 50px de altura para mostrar o chat.
---
### Author:  [@piffy](https://meta.discourse.org/u/piffy)
#### Post date: [9 Novembro , 2022 19:33 UTC](https://meta.discourse.org/t/enabling-chat-changes-the-padding-of-main-outlet-on-mobile/245072/10 "2022-11-09T19:33:38Z")
Acho que o problema principal é que, ao tocar na caixa de texto do chat, a tela salta para o topo da página e o conteúdo em `below-site-header` fica visível.
> **exemplo em vídeo**
>
Acho que faria mais sentido se a página, em vez disso, saltasse para uma posição onde a parte inferior da div do chat ficasse logo acima do teclado. Ou ter a div da caixa de texto fixa na parte inferior da página (e topo do teclado) para que ela esteja sempre visível e sobreponha tudo.
Independentemente da solução ideal, a caixa de texto deve ser a primeira prioridade do que é visível na tela, mesmo que haja apenas 50px disponíveis.