Subtle changes, bugs and feedback

You are reading a single comment by @bootbonnet and its replies. Click here to read the full conversation.

•

Velocio in reply to @lynx
```
<details>
  <summary>Spoiler warning</summary>
  
 Yes, and you could have just googled markdown spoiler tag

</details>
```
That's what tester wrote.

But it's not markdown, it's just HTML. In HTML5 there is the details element: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details

And clicking on the summary element within a details element will expand it.

This is HTML and browser functionality and nothing to do with Markdown, BBCode or what LFGSS offers. It's just part of the web.

Agree that it's weird that it's not highlighted / underlined or otherwise obvious. You should petition your browser vendor.

I see in the example on the Mozilla developer page they explicitly added CSS to make it obvious. Standard HTML shouldn't need that. Sane defaults that can be overridden are the usual way (i.e. a H3 element looks like a header by default and you'd use CSS to modify it to look like normal text if that's what you wanted - that's the norm for all standard HTML, so this one looks like an exception and a bug... that the standard isn't obvious and needs styling).

•

bootbonnet in reply to @Velocio

The default styling for <summary> has a disclosure triangle, per https://developer.mozilla.org/en-US/docs/Web/HTML/Element/summary#default_style. The extra CSS in the demo at https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details just adds a border and tweaks the font - if you delete all the CSS in the CSS tab on that page, you'll still see the triangle.

I think what's happening here is that Bootstrap is setting display: block on the <summary>, which has the effect of removing the triangle.

Also, thanks for all the work you put into this site <3.

About

Avatar for bootbonnet @bootbonnet started