<details> 안에 <summary> 뒤에 줄바꿈이 없으면 MathJax가 렌더링되지 않음

안녕하세요 — 이전 게시글에 대한 후속 질문입니다:


<details> 블록 내부의 MathJax 수식은 <summary> 태그 바로 뒤에 줄바꿈이 삽입되지 않으면 렌더링되지 않는다는 사실을 확인했습니다.


최소 재현 사례:

아래는 렌더링되지 않습니다:

<details><summary>예시</summary>
$$
x^2 + y^2 = z^2
$$
</details>

아래는 렌더링됩니다:

<details><summary>예시</summary>

$$
x^2 + y^2 = z^2
$$
</details>

참고 사항:

  • 이 동작은 직관적이지 않으며 문서화되어 있지 않습니다.
  • 인라인(MathJax) 및 블록(MathJax) 양쪽에 영향을 미칩니다.
  • ChatGPT는 "기본 설정으로 Discourse 3.2.0beta3에서 테스트했습니다"라고 말합니다.

수식 포맷팅에 의존하는 사용자를 위해 이 문제를 더 견고하게 만들거나 어딘가에 문서화할 수 있을까요?

권장 방식인 details 블록을 사용했다면 이런 문제가 발생하지 않았을 것입니다:

[details="예시"]
$$
x^2 + y^2 = z^2
$$
[/details]

아, 이 주제를 수정하지 않는 게 최선이겠군


수정이 필요했던 건 ChatGPT였지 :rofl:

네, 이건 버그가 아니라 CommonMark의 제한 사항/디자인입니다.

HTML과 마크다운을 혼합할 때 매우 구체적이고 다소 의외인 규칙들이 있습니다.