# Problema de chat em dispositivos móveis com 3.1.0beta5

**URL:** https://meta.discourse.org/t/chat-problem-on-mobile-devices-with-3-1-0beta5/268295
**Category:** Support
**Tags:** chat
**Created:** [14 Junho , 2023 11:56 UTC](https://meta.discourse.org/t/chat-problem-on-mobile-devices-with-3-1-0beta5/268295 "2023-06-14T11:56:53Z")
**Posts on this page:** 14
**Page:** 1

<div class="post-metadata">

### Author: ![Roi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roi/32/130587_2.png) [@Roi](https://meta.discourse.org/u/Roi)
#### Post date: [14 Junho , 2023 11:56 UTC](https://meta.discourse.org/t/chat-problem-on-mobile-devices-with-3-1-0beta5/268295/1 "2023-06-14T11:56:53Z")

</div>

Olá,

meus usuários e eu notamos que com dispositivos móveis (Android e iOS) o chat está mais ou menos quebrado. Porque ao clicar na caixa de texto, o teclado virtual aparece. Mas a tela não é ajustada e não é possível ver o que você digita. O Enter também não envia o texto e o botão de enviar também sumiu.

Antes da atualização para 3.1.0beta5, tudo estava bem de acordo com os usuários (pessoalmente, não uso o Chat com muita frequência).

Atenciosamente,  
Roi

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [14 Junho , 2023 12:01 UTC](https://meta.discourse.org/t/chat-problem-on-mobile-devices-with-3-1-0beta5/268295/2 "2023-06-14T12:01:25Z")

</div>

Você está vendo isso no modo de segurança também?

Acabei de fazer uma rápida verificação e não consigo reproduzir isso aqui no Meta ou no meu site de teste?

---

<div class="post-metadata">

### Author: ![Roi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roi/32/130587_2.png) [@Roi](https://meta.discourse.org/u/Roi)
#### Post date: [14 Junho , 2023 14:50 UTC](https://meta.discourse.org/t/chat-problem-on-mobile-devices-with-3-1-0beta5/268295/4 "2023-06-14T14:50:58Z")

</div>

> [@JammyDodger](#):
>
> Você está vendo isso no [modo de segurança](https://meta.discourse.org/t/how-to-use-discourse-safe-mode/53504) também?

Bom ponto. Não. Se eu desativar a primeira opção (temas e componentes de tema), vejo a janela do compositor e todo o resto. Portanto, parece ser um componente de tema que está interferindo (eu apenas mudei as cores do nosso tema).

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [12 Julho , 2023 15:19 UTC](https://meta.discourse.org/t/chat-problem-on-mobile-devices-with-3-1-0beta5/268295/5 "2023-07-12T15:19:04Z")

</div>

Você acabou encontrando o problema aqui? Eu queria tentar no seu fórum, mas parece que você desativou o chat. Se você reativá-lo, posso ajudá-lo a entender o problema.

---

<div class="post-metadata">

### Author: ![Roi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roi/32/130587_2.png) [@Roi](https://meta.discourse.org/u/Roi)
#### Post date: [12 Julho , 2023 17:28 UTC](https://meta.discourse.org/t/chat-problem-on-mobile-devices-with-3-1-0beta5/268295/6 "2023-07-12T17:28:53Z")

</div>

Obrigado por voltar a este assunto. 🙂

Houve/há um problema com o controle deslizante de imagens que usamos. Conseguimos contornar o problema inserindo isto no CSS móvel:

```plaintext
.has-full-page-chat #captioned-gallery {
    display: none;
}

```

O chat funciona novamente, mas ainda tenho outro problema, que também parece estar relacionado ao controle deslizante de imagens:

![](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/4X/8/d/7/8d792dee489f6d60bddd99ec977e9c943054ec83_2_690x388.jpeg)https://www.youtube.com/embed/gO1ZeoGYusQ?feature=oembed&wmode=opaque

Sempre que a imagem desliza, o problema pode (apenas pode) ocorrer.

Com certeza, este é um problema apenas para o nosso fórum porque o controle deslizante não é padrão. Mas algo mudou com a 3.1.0beta5 que não existia antes.

Aliás, o chat só está disponível para TL1 e superior, portanto não é visível ao visitar o fórum e não fazer login.

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [12 Julho , 2023 17:37 UTC](https://meta.discourse.org/t/chat-problem-on-mobile-devices-with-3-1-0beta5/268295/7 "2023-07-12T17:37:18Z")

</div>

Estranho, não consigo reproduzir até agora, mas semelhante ao que você fez, você provavelmente pode ter este CSS:

```css
body.mobile-device.composer-open #captioned-gallery {
    display: none;
}

```

Se eu pudesse reproduzir, provavelmente tentaria brincar com o z-index de `#captioned-galery` também, talvez `z-index: 1`.

---

<div class="post-metadata">

### Author: ![Roi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roi/32/130587_2.png) [@Roi](https://meta.discourse.org/u/Roi)
#### Post date: [12 Julho , 2023 19:16 UTC](https://meta.discourse.org/t/chat-problem-on-mobile-devices-with-3-1-0beta5/268295/8 "2023-07-12T19:16:29Z")

</div>

> [@j.jaffeux](#):
>
> mas semelhante ao que você fez, você provavelmente pode ter este CSS

O bug de cintilação não aparece apenas quando o compositor é aberto. Ele acontece em todos os lugares, mas não toda vez. Outro exemplo:

![](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/4X/7/b/c/7bc33c196390d0729225ce70e3a04f44f64e7e50_2_690x388.jpeg)https://www.youtube.com/embed/LSR49uTZ9A0?feature=oembed&wmode=opaque

Há poucos segundos, também cintilou na parte inferior da tela onde o tópico “Gurtband” está visível.

> [@j.jaffeux](#):
>
> talvez `z-index: 1`.

Vou tentar isso. Não é fácil depurar, pois só mostra isso em dispositivos móveis.

Algo mudou de 3.1.0beta4 para 5? Funcionou até a versão 4…

---

<div class="post-metadata">

### Author: ![Roi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roi/32/130587_2.png) [@Roi](https://meta.discourse.org/u/Roi)
#### Post date: [12 Julho , 2023 20:44 UTC](https://meta.discourse.org/t/chat-problem-on-mobile-devices-with-3-1-0beta5/268295/9 "2023-07-12T20:44:34Z")

</div>

Tentei z-index, também dentro do contêiner `captioned-gallery` em `figure.sidemount-slider`. Sem sucesso. Mas não posso afirmar com certeza se meu celular Android não estava usando dados antigos em cache dentro do aplicativo e também o aplicativo Chrome para o fórum.

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [13 Julho , 2023 08:06 UTC](https://meta.discourse.org/t/chat-problem-on-mobile-devices-with-3-1-0beta5/268295/10 "2023-07-13T08:06:43Z")

</div>

Estou corrigindo coisas no chat com Android hoje, darei uma olhada no seu site e verei se consigo reproduzir algo.

> [@Roi](#):
>
> Algo mudou de 3.1.0beta4 para 5? Funcionou até a 4…

Possivelmente, muitas coisas 😅

---

<div class="post-metadata">

### Author: ![Roi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roi/32/130587_2.png) [@Roi](https://meta.discourse.org/u/Roi)
#### Post date: [13 Julho , 2023 11:54 UTC](https://meta.discourse.org/t/chat-problem-on-mobile-devices-with-3-1-0beta5/268295/11 "2023-07-13T11:54:00Z")

</div>

> [@j.jaffeux](#):
>
> Estou corrigindo coisas no chat com Android hoje, darei uma olhada no seu site e verei se consigo reproduzir algo.

👍 Se quiser, crie uma conta. Posso te promover para o nível que você precisa para ver o Chat.

Se eu não precisar ocultar o controle deslizante em dispositivos móveis no chat, isso também seria ótimo. Mas ninguém notou (ou disse algo). O problema da cintilação é mais um problema…

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [13 Julho , 2023 13:38 UTC](https://meta.discourse.org/t/chat-problem-on-mobile-devices-with-3-1-0beta5/268295/12 "2023-07-13T13:38:38Z")

</div>

Infelizmente não consigo reproduzir nada até agora 😕

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [13 Julho , 2023 14:07 UTC](https://meta.discourse.org/t/chat-problem-on-mobile-devices-with-3-1-0beta5/268295/13 "2023-07-13T14:07:37Z")

</div>

Olá,

Isso parece um bug do Chrome: [https://bugs.chromium.org/p/chromium/issues/detail?id=1397578](https://bugs.chromium.org/p/chromium/issues/detail?id=1397578) Infelizmente, também tenho esse tipo de problema…

---

<div class="post-metadata">

### Author: ![Roi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roi/32/130587_2.png) [@Roi](https://meta.discourse.org/u/Roi)
#### Post date: [13 Julho , 2023 15:34 UTC](https://meta.discourse.org/t/chat-problem-on-mobile-devices-with-3-1-0beta5/268295/14 "2023-07-13T15:34:30Z")

</div>

> [@j.jaffeux](#):
>
> Infelizmente, ainda não consegui reproduzir nada 😕

É difícil de reproduzir. O bug do chat desapareceu ao ocultar o controle deslizante com a instrução CSS de cima.

E o bug de cintilação ocorre em dispositivos móveis - talvez apenas em dispositivos Android? Porque:

> [@Don](#):
>
> Isso parece um bug do Chrome: [1397578 - chromium - Um projeto de código aberto para ajudar a impulsionar a web - Monorail](https://bugs.chromium.org/p/chromium/issues/detail?id=1397578)

Interessante! Se for o mesmo, só afeta dispositivos Android, correto?

> [@Don](#):
>
> Eu também tenho esse tipo de problema, infelizmente…

Hm, então você não conseguiu resolver? Ele também apareceu após a atualização para 3.1.0beta5 ou você já o experimentou antes? Você também tem algo como o nosso controle deslizante de imagem de cabeçalho?

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [13 Julho , 2023 16:06 UTC](https://meta.discourse.org/t/chat-problem-on-mobile-devices-with-3-1-0beta5/268295/15 "2023-07-13T16:06:21Z")

</div>

> [@Roi](#):
>
> Hm, então você não conseguiu resolver? Isso também aconteceu depois de atualizar para a 3.1.0beta5 ou você já tinha experimentado antes? Você também tem algo como o nosso controle deslizante de imagens de cabeçalho?

Acho que há quase um ano o Chrome não é muito bom para mim. Às vezes, as atualizações do Chrome parecem corrigir alguns desses problemas, mas outra atualização resulta no mesmo bug. Eu não notei o problema do carrossel, mas no passado ele existia. Agora, onde percebo isso às vezes, os ícones estão faltando ou piscam e parece que os elementos se desfazem, piscam, etc… Uma ótima maneira de investigar isso em relação ao Discourse é tentar reproduzir tais coisas em outros sites (não Discourse). Acho que foi um tipo semelhante de problema: [Weird issue with topic posts on mobile](https://meta.discourse.org/t/weird-issue-with-topic-posts-on-mobile/240478?u=dodesz)
