Spoilers don’t toggle when inside <details>

tannerabread · June 29, 2026, 5:48pm

Hi @Noble_Fish thanks for reviving this! I have just put out a fix ~~for it that should be available soon~~.

github.com/discourse/discourse

FIX: Allow re-blur on spoiler when in details view (#41266)

main ← fix-spoiler-alert-in-details

merged 05:47PM - 29 Jun 26 UTC

tannerabread

+123 -3

`INTERACTIVE_SELECTOR` includes "details" so that clicking a `<details>` inside …a spoiler expands it without also re-blurring the surrounding spoiler. But because `closest()` walks up the DOM tree, every click inside a `[spoiler]` that happens to be nested inside a `[details]` also matches `closest("details")` against the parent `<details>` — making such a spoiler impossible to re-blur once revealed. Fix: scope the `closest()` result with `element.contains(...)` so only interactive ancestors that live inside the spoiler block re-blurring. Interactive ancestors above the spoiler are ignored. Tests cover both directions: a spoiler-inside-details can re-blur, and clicking an interactive descendant of a revealed spoiler still does not re-blur it. Context: https://meta.discourse.org/t/spoilers-don-t-toggle-when-inside-details/194499

Topic		Replies	Views
[Duplicate] `spoiler` inside `details` cannot be restored on the second click Bug spoiler-alert , hide-details	2	99	May 22, 2026
[details] breaks when embedded in a paragraph Feature	6	1124	August 20, 2018
For spoiler, add tooltip text like `Reveal Spoiler!`. Similar for hide details Feature	2	613	November 14, 2020
[details] plugin working while editing but not when posted Bug markdown-it-review	6	1430	July 20, 2017
Hide Details applies separately to each paragraph Bug hide-details	5	1205	October 17, 2016

Spoilers don’t toggle when inside <details>

Related topics