# Imagens em um chat ampliado não podem ser abertas após o envio de uma mensagem com a imagem

**URL:** <https://meta.discourse.org/t/images-in-an-enlarged-chat-cannot-be-opened-after-a-message-with-the-image-is-posted/352881>\
**Category:** Bug\
**Tags:** chat\
**Created:** [18 Fevereiro , 2025 11:20 UTC](https://meta.discourse.org/t/images-in-an-enlarged-chat-cannot-be-opened-after-a-message-with-the-image-is-posted/352881 "2025-02-18T11:20:56Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [20 Fevereiro , 2025 02:03 UTC](https://meta.discourse.org/t/images-in-an-enlarged-chat-cannot-be-opened-after-a-message-with-the-image-is-posted/352881/5 "2025-02-20T02:03:47Z")

</div>

Eu acho que o problema está aqui:

 ![A imagem mostra uma tela de computador exibindo código em um editor de texto, com uma seção de exercício de codificação destacada onde uma declaração de variável "this.getChatElement()" está sendo digitada com um caractere "I" aguardando conclusão. (Legenda da IA)](https://global.discourse-cdn.com/meta/original/4X/0/7/9/07974c456886eb0d2a74142b564df0ab7a6a2f21.png)

```js
api.decorateChatMessage(
      (element) =>
        lightbox(element.querySelectorAll("img:not(.emoji, .avatar)")),
      {
        id: "lightbox",
      }
    );

```

Antes, `api.decorateChatMessage` estava passando o elemento `.chat-message-container`:

 ![A imagem exibe um fragmento de código HTML estruturado com vários elementos div aninhados, incluindo um contêiner de mensagem de chat com atributos de classe como "flex" e "grid". (Legenda da IA)](https://global.discourse-cdn.com/meta/original/4X/3/7/8/37828a163d08d3e45c8f718a204dc31988f3dd11.png)

Depois, ele passa o elemento `.chat-cooked`:

 ![Uma interface de usuário de mensagem de chat com estrutura HTML visível. (Legenda da IA)](https://global.discourse-cdn.com/meta/original/4X/3/c/0/3c071b64ae3eb9acae48a62ef62307b744425e38.png)

Com as imagens definidas dentro de `chat-message-collapser-body`, o lightbox não consegue encontrar as imagens aqui.

Alterações introduzidas aqui: [DEV: Refactor chat HTML decorating (#31309) · discourse/discourse@a0f681b · GitHub](https://github.com/discourse/discourse/commit/a0f681b2561620c52ac8ad4d8165e03944805591)

---

_[View the full topic](https://meta.discourse.org/t/images-in-an-enlarged-chat-cannot-be-opened-after-a-message-with-the-image-is-posted/352881)._