拡大チャットで画像付きメッセージ投稿後、画像が開けない

再現手順:

1. チャットを拡大表示:

2.1. 中〜大サイズの画像を投稿し、メッセージ内の画像をクリックするとポップアップで拡大表示されることを期待する。

または

2.2. チャットで他の人からそのようなメッセージを受信する。

3. 画像をクリックする。開かない。

回避策:

4. ブラウザでページを更新する。

5. 画像をクリックする。これで、より大きなサイズの画像が表示されるポップアップが開くようになる。

「いいね!」 2

それは最近の退行ですか?

「いいね!」 1

はい、私も今日これを見ました。最近の後退現象だと思います。

「いいね!」 1

問題はここにあると思います。

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

以前は、api.decorateChatMessage.chat-message-container 要素を渡していました。

その後、.chat-cooked 要素を渡すようになりました。

画像が chat-message-collapser-body の中に定義されているため、lightbox はここで画像を見つけることができません。

変更はこちらで導入されました: DEV: Refactor chat HTML decorating (#31309) · discourse/discourse@a0f681b · GitHub

「いいね!」 4

はい、見えないとのこと、申し訳ありません。ささやきですが、すでに@davidさんにピングしました。これも最近の変更に関連していると思います。

確認していただきありがとうございます。まだ自分の理論を証明する時間がありませんでした👍

「いいね!」 4

@meglio@Arkshine、ありがとうございます!

通常の「デコレートクック」をメッセージコンテンツのみに限定するのは意図的です。しかし、画像を処理するための特定のライトボックスロジックを追加しました。元の画像が最適化されたバージョンに置き換えられた場合のケースを処理していなかったようです。

修正はこちら:

「いいね!」 6

このトピックは21時間後に自動的にクローズされました。返信はもうできません。