Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Collapsible sections - summary/ details don't render details properly.

See original GitHub issue

Trying to use the collapsible details section as per this thread. https://github.com/dear-github/dear-github/issues/166

Works correctly to give a collapsible section, but the markdown within the details tag fails to render properly (eg italics, bold etc… fail to render).

eg try with:

`
stuff with mark down
formatted heading with a

{{stamdard 3-backtick code block omitted from here due to escaping issues}} Collapsible until here.

Issue Analytics

State:
Created 7 years ago
Comments:22 (12 by maintainers)

Top GitHub Comments

1reaction

TheBoxyBearcommented, Jul 18, 2021

I’m looking to replicate what OP did by making the header itself collapsible. Tried getting the raw text by generating a quote reply but it doesn’t seem to work. Could @yunti please provide the content of their original comment in a code block?

0reactions

vschcommented, Apr 18, 2017

@QueenBeeSC, GitHub syntax for headings requires a space between the last # and the heading text and it must be on a line by itself.

As for not processing Markdown in block HTML, it is a limitation of GitHub. One way to get around it is to force the <details> tag to be processed as inline HTML by prefixing it with some text, at least &nbsp so that the block is parsed as a paragraph instead of an HTML block. You also need to make sure the HTML open/close tags are balanced.

&nbsp;<details><summary>Collapsed Text</summary>When I try to add the hashtags inside
&nbsp;<details><summary>Hidden Heading</summary>
## New User
&nbsp;</details></details>

Will give you:

Collapsed Text

When I try to add the hashtags inside

Hidden Heading