Spoiler schalten sich nicht um, wenn sie sich in <details> befinden

I’m not 100% sure, but I think the following steps will reproduce the issue:

  1. Start writing a new post
  2. Add some text with [spoiler] tags around it.
  3. Unblur the text in the post preview. Note that you can reblur and unblur it as much as you want.
  4. Add some more text underneath the spoilered text.
  5. If you left the text in a blurred state, but you unblur it once. But after that (or right away if it was already unblurred) you cannot reblur the text again.

This can also happen in actual posts, not just in post previews. I’m not sure the exact steps to reproduce there (since you can’t type more between unblurring and reblurring), but as least in the one situation I saw the issue for, the blurred text was within details tags. I have no idea if that’s relevant though.


The following is for testing, but may or may not be helpful.

Some spoiler text

Some text after spoiler text.

Summary

Some more spoiler text

Some more text after spoiler text.

Some more text after spoiler text and details tag.

1 „Gefällt mir“

Mir ist aufgefallen, dass Spoiler nicht deaktiviert werden können, wenn sie sich in einem \u003cdetails\u003e-Tag befinden.

Dieser Spoiler kann ein- und ausgeschaltet werden (funktioniert wie erwartet).

Dies funktioniert jedoch nicht:

Klicken zum Öffnen von 'details'

Dieser Spoiler kann nur einmal aktiviert werden (er kann nicht deaktiviert werden).

Ich glaube, das Problem ist, dass im zweiten Fall die Funktion isInteractive true zurückgibt, weil details in INTERACTIVE_SELECTOR enthalten ist.

Das Entfernen sollte ausreichen, aber ich bin mir nicht sicher, welche Nebenwirkungen es haben wird (vielleicht weiß @CvX das).

EDIT: Ich sehe, dass diese Änderung motiviert war, GIFs beim Klicken stoppen zu lassen. In unserer Community nutzen wir Spoiler und Details intensiv, daher wäre es nützlich, das Verschleierungsverhalten konsistenter zu gestalten.

2 „Gefällt mir“

Erklärung

Wenn Spoiler-Text in einer Details-Box platziert wird, kann er wie gewohnt durch Anklicken entschärft werden, aber ein erneutes Anklicken bewirkt nichts und er kann nicht wieder entschärft werden. Das Schließen und erneute Öffnen der Details-Box ist unwirksam. Meine Erklärung dazu im Hopscotch-Forum erklärt dies besser.

Demonstration

Sie können diese Details-Box gerne als Beispiel verwenden. Mein genauer Prozess wird im Hopscotch-Forum-Thema erklärt.

Details-Box

Beispieltext

Reproduktion

  1. Erstellen Sie einen Beitrag mit einer Details-Box
  2. Fügen Sie Spoiler-Text hinzu
  3. Öffnen Sie die Box und entschärfen Sie den Text
  4. Der Text kann nicht wieder entschärft werden, ohne die Seite neu zu laden
2 „Gefällt mir“

Danke für die Schritte zur Reproduktion. Dies ist eine geringfügige Unannehmlichkeit (besonders da es sich in einem umschaltbaren Block befindet, sodass wir den Inhalt durch Umschalten der Details ausblenden können), aber eine Korrektur wäre willkommen.
Ich werde das Thema mit pr-welcome versehen, falls jemand versuchen möchte, es zu beheben.

Das Plugin-Repository finden Sie hier: GitHub - discourse/discourse-spoiler-alert: A plugin for discourse to hide spoilers behind the spoiler-alert jQuery plugin

Aber ich habe das Gefühl, dass es eher ein Problem mit der Funktion „Details ausblenden“ ist.

Inhalte in „Details ausblenden“ werden nicht immer wie erwartet angezeigt (und interagieren auch so?). Beispielsweise werden verlinkte Bilder, Links, Videos usw. nicht angezeigt. Es werden nur die Links angezeigt:

Zusammenfassung

https://cdn.discordapp.com/attachments/914531040297635861/1107226488534740992/1920x1080.png

https://www.youtube.com/watch?v=ipuqLy87-3A

Apex Legends pro sweet hits Predator rank with no kills to “prove how bad” Ranked is - Dexerto

3 „Gefällt mir“

Danke!

1 „Gefällt mir“