11

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.

Hidden

See what I mean?
Text

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 Dec 15 '14 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. – Arie Litovsky Dec 16 '14 at 16:08
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:

Hidden

See what I mean?
Text

1

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! ;-) – ShaWiz Jun 4 '15 at 13:15
  • Despoiler? Went through bugs in the tag... – Oded Jun 4 '15 at 13:18
  • haha, so much better. Kudos, even those small things deserve some love. :P – ShaWiz Jun 4 '15 at 13:19

You must log in to answer this question.

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