Shortcodes and wrapped markdown

[accuser]

I'm not sure if this is expected behaviour or not, so haven't reported an issue yet. Perhaps someone could weigh in and let me know if my expectations are correct.

I have created a shortcode to wrap a block of text with a div:

<Warning>
An _important_ warning.
</Warning>

I'm expecting the following:

<div class="warning">An <em>important</em> warning.</div>

But instead I get:

<div class="warning">An _important_ warning.</div>

i.e., the markdown has not been processed.

However, if I put a blank line between the opening shortcode tag and the markdown:

<Warning>

This is an _important_ warning.
</Warning>

It works:

<div class="warning">An <em>important</em> warning.</div>

If I want a list in the warning, I need to put a blank line following the list too:

<Warning>

1. Step one
2. Step two

</Warning>

My shortcode.js is:

const Warning = ({ children }) => {
  return (
    <div className="warning">{children}</div>
  )
}

export default Warning;

So doing nothing special. I though that I might need to process the markdown inline, but accidentally added a blank line between the opening shortcake tag and the wrapped markdown and it started to work.

My question is: is this expected behaviour (defined by Markdown and the MDX Spec)?

[ChristianMurphy]

This is how MDX 1 works
See the responses in #1268, #1312, #1424, and #1563.
This behavior is changed in version 2 as part of #628 you can find more information on the beta here: #1041.
Improvements to documentation are welcome!

[accuser]

Awesome - thank you!