Bug: Markdown preview tool does not render dropdowns and summaries

MaoShizhong commented 3 months ago

Checks

[X] I have thoroughly read and understand The Odin Project Contributing Guide
[X] The title of this issue follows the Bug: brief description of bug format, e.g. Bug: Lesson complete button does not update on click
[ ] Would you like to work on this issue?

Bug description

Collapsibles are handled in our lesson md files via

<details markdown="block">

<summary class="dropDown-header">TITLE</summary>

CONTENTS OF COLLAPSIBLE BLOCK

</details>

While these render completely fine on the main website, the same markdown does not render as a collapsible in the markdown preview tool. The result does not render a <details> parent, and the <summary class="dropDown-header">TITLE</summary> is rendered as a plain text node " TITLE " instead.

An example can be found with the Foundations "Setting up Git" lesson.

How to reproduce

Go to the "Setting up Git" lesson md file in the curriculum repo and copy the raw markdown.
Go to the markdown preview tool, paste in the markdown and preview it.
Observe how under Step 1: Install Git, Linux is a plain text node and its contents laid out in full, as opposed to being a collapsible <details> element. The same applies to the following MacOS and ChromeOS sections.
Compare this to the page in production at Setting up Git.

Expected behavior

Go to the "Setting up Git" lesson md file in the curriculum repo and copy the raw markdown.
Go to the markdown preview tool, paste in the markdown and preview it.
Linux underneath Step 1: Install Git should be rendered as a <summary> within a collapsed <details> element that can be toggled open/closed. The same should apply for the following MacOS and ChromeOS sections.

What browsers are you seeing the problem on?

Firefox, Chrome

What OS are you using?

No response

Discord Name

No response

Additional Comments

No response

CouchofTomato commented 3 months ago

@KevinMulhern can you take a look at this please mate

KevinMulhern commented 3 months ago

Thanks for letting us know @MaoShizhong. This looks to be related to https://github.com/TheOdinProject/theodinproject/pull/4479. I'll get a fix put together.

TheOdinProject / theodinproject