spoiler tags behave strangely depending upon how your post is formatted

if you quote this post you can see how i formatted it / typed out the post, which if you use ETI at all, you should be pretty familiar with how it should look.

<-the original text of the spoiler has been consumed, and replaced with this text that comes after the tag that should be closing the spoiler

sometimes the contents of a spoiler tag just dump out into the post, and clicking the tag doesn’t do anything

i am trying to find a way to consistently reproduce this behavior

test

in this instance the spoiler tag was broken just by capitalizing a single letter in the tag

thx for the report i will try to fix

for the first one, the < makes it think it’s an html tag and treats the rest of the post as an unclosed spoiler. not sure how i can wrangle the html stuff to treat malformed html better

no idea why the capitalization thing does what it does. i might be able to fix it, gotta do more investigating

is there like a markdown equivalent of the spoiler tag?

unfortunately not
there’s a programming language specifier thing for the ``` code block that we might be able to re-purpose for spoilers hmm

i’ve seen with some spoiler tags, particularly captioned ones, that also break if they aren’t part of a new line

bad spoiler tag (don’t nest spoilers)

yeah idk if tiko did it or how it happened but they do seem more reliable these days

oh yeah i changed how they work / figured out why they were fucking up in the first place
the downside is that spoilers now always have a line break in front of them, i might be able to fix later.

nerd info:
turns out it wasn’t a markdown html parsing bug, just that fact that <p> can’t have a child <p> (it gets treated as a new p, that’s why spoiler content was getting ‘leaked’ outside the spoiler), so i changed spoilers to use div instead of span which due to some obscure html rules is ok to put in an unclosed p tag. eti doesn’t have this problem cuz it doesn’t put stuff in <p> but the markdown thing i’m using does

neat! i like nerd infos

p is a specialized div tag with exclusivity rules tho