Bilder in einem vergrößerten Chat können nach dem Senden einer Nachricht mit dem Bild nicht geöffnet werden

Fehler
1

Schritte zur Reproduktion:

1. Chat vergrößern:

image
image408×214 1.91 KB

2.1. Eine Nachricht mit einem mittelgroßen bis großen Bild posten, sodass man erwarten würde, dass sich ein Popup mit einem größeren Bild öffnet, wenn man darauf klickt.

ODER

2.2. Eine solche Nachricht von anderen Personen im Chat erhalten.

3. Auf das Bild klicken. Es öffnet sich nicht.

Workaround:

4. Die Seite im Browser aktualisieren.

5. Auf das Bild klicken – es öffnet sich nun ein Popup mit einem größeren Bild.

2 „Gefällt mir“
2

Ist das eine aktuelle Regression, soweit Sie wissen?

1 „Gefällt mir“
3

Ja, ich habe das heute auch gesehen. Ich bin mir ziemlich sicher, dass es eine kürzliche Regression ist.

1 „Gefällt mir“
5

Ich glaube, das Problem liegt hier:

Das Bild zeigt einen Computerbildschirm mit Code in einem Texteditor, wobei ein hervorgehobener Code-Übungsbereich zu sehen ist, in dem eine Variablendeklaration „this.getChatElement()“ mit einem wartenden „I“-Zeichen eingegeben wird. (Beschriftet von KI)
Das Bild zeigt einen Computerbildschirm mit Code in einem Texteditor, wobei ein hervorgehobener Code-Übungsbereich zu sehen ist, in dem eine Variablendeklaration „this.getChatElement()“ mit einem wartenden „I“-Zeichen eingegeben wird. (Beschriftet von KI)1541×364 54.9 KB

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

Zuvor übergab api.decorateChatMessage das Element .chat-message-container:

Das Bild zeigt ein Fragment von HTML-Code, das mit verschiedenen verschachtelten div-Elementen strukturiert ist, einschließlich eines Chat-Nachrichtencontainers mit Klassenattributen wie „flex“ und „grid“. (Beschriftet von KI)
Das Bild zeigt ein Fragment von HTML-Code, das mit verschiedenen verschachtelten div-Elementen strukturiert ist, einschließlich eines Chat-Nachrichtencontainers mit Klassenattributen wie „flex“ und „grid“. (Beschriftet von KI)1069×337 10.3 KB

Danach übergibt es das Element .chat-cooked:

Eine Chat-Nachrichten-Benutzeroberfläche mit sichtbarer HTML-Struktur. (Beschriftet von KI)
Eine Chat-Nachrichten-Benutzeroberfläche mit sichtbarer HTML-Struktur. (Beschriftet von KI)1134×330 20.7 KB

Da die Bilder innerhalb von chat-message-collapser-body definiert sind, kann Lightbox die Bilder hier nicht finden.

Änderungen hier eingeführt: DEV: Refactor chat HTML decorating (#31309) · discourse/discourse@a0f681b · GitHub

4 „Gefällt mir“
6

Ja, tut mir leid, dass Sie es nicht sehen, es ist ein Flüstern, aber ich habe @david bereits deswegen angepingt. Ich glaube auch, dass dies mit dieser kürzlichen Änderung zusammenhängt.

Danke fürs Nachschauen, ich hatte noch keine Zeit, meine Theorie zu beweisen :+1:

4 „Gefällt mir“
8

Danke @meglio und @Arkshine!

Die Einschränkung des normalen „Dekorierens von Gekochtem“ nur auf den Nachrichteninhalt ist beabsichtigt. Aber wir haben einige spezifische Lightboxing-Logiken hinzugefügt, die die Bilder handhaben sollten. Es sieht so aus, als ob dies nicht den Fall behandelt hat, bei dem das Originalbild durch die optimierte Version ersetzt wird.

Korrektur hier:

6 „Gefällt mir“
9

Dieses Thema wurde nach 21 Stunden automatisch geschlossen. Neue Antworten sind nicht mehr möglich.