Rendering bug in Astro templates following a loop

[rjvdw]

Astro Info

Astro                    v3.4.3
Node                     v20.9.0
System                   macOS (arm64)
Package Manager          npm
Output                   static
Adapter                  none
Integrations             none

If this issue only occurs in one browser, which browser is a problem?

No response

Describe the Bug

When writing the following piece of JSX:

<div class="wrapper">
  <table>
    <tr>
      <th>text</th>
    </tr>

    {
      data.map((row) => (
        <tr>
          <td>{row.text}</td>
        </tr>
      ))
    }
  </table>
</div>

<p>I live outside the wrapper.</p>

the paragraph is incorrectly rendered inside the div.wrapper.

What's the expected result?

The paragraph should be rendered outside of the div, but instead it gets rendered inside the div.

Link to Minimal Reproducible Example

https://github.com/rjvdw/astro-bug

Participation

• I am willing to submit a pull request for this issue.

[bluwy]

This looks like another instance of withastro/compiler#870. Closing in favour of it instead.