Heading immediately following a table is being rendered in the table element

[Thomas-James-Rose]

Describe the bug
I have some Markdown that contains a table immediately followed by a heading on a new line. The subsequent heading is being rendered as part of the table.

To Reproduce
Steps to reproduce the behaviour:

Markdown Sample:

| Heading | Description |
| ----------- | ----- |
| Heading 1 | Some description | 
| Heading 2 | Some other description |
## A Title that is not a part of the table

HTML output:

<table>
  <thead>
    <tr>
      <th>Heading</th>
      <th>Description</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Heading 1</td>
      <td>Some description</td>
    </tr>
    <tr>
      <td>Heading 2</td>
      <td>Some other description</td>
    </tr>
    <tr>
      <td>## A title that is not a part of the table</td>
      <td></td>
    </tr>
  </tbody>
</table>

Demo:
Marked Demo

Expected behaviour
The heading should be rendered separately from the table.

[UziTech]

You should add a blank line between then

[Thomas-James-Rose]

A usable workaround in a lot of cases but, unfortunately, in our use case the Markdown being parsed is both authored by other people and there is a high volume of it so it is not really viable for us to update and fix things in this way.

[UziTech]

You could change the markdown when you parse it

const html = marked(markdown.replace(/[^\n]\n#/g, '\n\n#'));

This is very low priority for us since there is an easy way to fix it.

PRs are welcome 😁

[Thomas-James-Rose]

Thanks! 🙂 I'll try find some time to give it a look. I've noticed a similar issue with lists.

[Thomas-James-Rose]

^ I've raised a PR to address this issue.

[calculuschild]

Commenting here to note we are running into the same issue but with <hr> immediately after tables. GFM spec says this shouldn't happen.

[UziTech]

@calculuschild PRs are always welcome. You can look at #1469 as a starting point.