mpetrovich / stylemark

Generate interactive style guides from Markdown.
MIT License
218 stars 35 forks source link

Bug with <h4>Something</h4> and empty line right after #47

Open ghost opened 6 years ago

ghost commented 6 years ago

Hello!

I was writing a markdown and compiling it with Stylemark normally. However, the page started to translate some code blocks into <code> elements instead of the i-code block. I did some tests and apparently, this bug needs a <h4>Something</h4> followed by an empty line in order to work.

An example:

---base.html
<table>
  <tbody>
    <tr>
      <td class="fs-5 tc">
        <button class="btn">Base Default</button>
      </td>
      <td class="fs-5 tl">.btn</td>
    </tr>
    <tr>
      <td class="fs-5 tc">
        <button class=btn" disabled>Base Default</button>
      </td>
      <td class="fs-5 tl">.btn [disabled]</td>
    </tr>
  </tbody>
</table>
---

<h4>Test</h4>

Test

Obs.: I put '---' just to indicate a code inside .md

This results in breaking some of the code blocks in the page. I tried the same thing with h1, h2, h3, h5 and h6. Apparently, it only works with <h4>

<h4>Test</h4>
Test

This code will not break the page since it doesn't have an empty line being followed by the <h4> line.

To solve this problem, I just used <h3> instead, but I think it is important to report it.

mpetrovich commented 6 years ago

This sounds very strange indeed. We’ll investigate soon.