mdx v2: New line inside DOM element (jsx) creates unnecessary paragraph

New line inside DOM element (jsx) creates unnecessary paragraph

Steps to reproduce

in playground editor, input the following

<p>
  Hello world
</p>
<div>
  <span>
    one
  </span>
  <span>
    two
  </span>
</div>

Expected compiled result

<p>
  Hello world
</p>
<div>
  <span>
    one
  </span>
  <span>
    two
  </span>
</div>

Actual compiled result

<p>
  <p>
    Hello world
  </p>
</p>
<div>
  <span>
    <p>
      one
    </p>
  </span>
  <span>
    <p>
      two
    </p>
  </span>
</div>

this ends up being invalid HTML

[wooorm]

This is expected behavior. It’s different from before, but I believe the new rules are in the end more sensical than the previous rules. See Interleaving and Migrating

[ksinas]

I hear what you’re saying. Thanks for the discussion. I understand that the option I would be interested in will not be implemented, so you can close the issue.

Anyway, thanks for the great work!