When a pre tag is used in spoilers (as the 4-space code block doesn't work), the standard gray pre/code background is not hidden when the spoiler is, but the text color within is set to the spoiler block background. The result is that the text within is actually visible while the spoiler is hidden.


See what I mean?

Either the whole pre block should be hidden or the text within should be made the same color as its immediate (gray) background.

Observed on several different sites in Safari, Chrome, and Firefox on OSX Yosemite.

It appears there is a different bug with the spoiler above on the iOS app.

  • 1
    Also, apparently I should have asked it on the iOS app.
    – Kevin
    Commented Dec 15, 2014 at 0:02
  • Also, any text within the spoiler, but after the <pre> tag is not rendered within a <p> tag (or any tag for that matter). This makes it difficult to hide on the mobile apps. Commented Dec 16, 2014 at 16:08

2 Answers 2


A workaround is to put a <code> tag inside the <pre> tag

>! Hidden
>! <pre><code>See what I mean?</code></pre>
>! Text

so that you get the following:


See what I mean?


I've added some pre rules to the spoiler CSS, so this is fixed following the next build.

  • 1
    You're on a real spoileroller! ;-) Commented Jun 4, 2015 at 13:15
  • Despoiler? Went through bugs in the tag...
    – Oded
    Commented Jun 4, 2015 at 13:18
  • haha, so much better. Kudos, even those small things deserve some love. :P Commented Jun 4, 2015 at 13:19

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .