Astro misparses table HTML

[mb21]

Astro Info

Astro                    v3.1.4
Node                     v16.20.0
System                   Linux (x64)
Package Manager          npm
Output                   static
Adapter                  none
Integrations             none

Describe the Bug

The Astro template

<table>
    <tr><td>{'foo'}</td></tr>
</table>
<h2>Chats</h2>

is misparsed and emits the HTML:

<table>
  <tr><td>foo</td></tr>
  <h2>Chats</h2>
</table>

which is clearly invalid and not intended.

Browsers parse this as "Chats" appearing above the table containing "foo", instead of below.

What's the expected result?

Output HTML corresponds to the input HTML.

Link to Minimal Reproducible Example

https://stackblitz.com/edit/github-ewybuh?file=src%2Fpages%2Findex.astro

[bluwy]

Looks like it's parsing the <table> wrongly, causing anything following the </table> to be inside the table 🤔 (compiler output playground)

[mb21]

Interestingly, closing the table twice (</table></table>) works 🤷

[bluwy]

NOTE: withastro/astro#8765 reported a similar issue where the table markup at the top of the file is affecting the lower form markup generated.

[bluwy]

Re-opening since it was reverted in #889. Going to continue finding a fix

[MoustaphaDev]

From your comment in the other issue, I'll assume it's okay if I take this one too @bluwy