In nested lists, line breaks after one bullet point applies margins to all following bullet points #916
Description
Initial checklist
- I read the support docs
- I read the contributing guide
- I agree to follow the code of conduct
- I searched issues and discussions and couldn’t find anything (or linked relevant results below)
Affected package
Steps to reproduce
import Markdown from 'react-markdown'
function App() {
const markdown =`
1. **A1**
* B1
* B2
2. **A2**
* B1
* B2
`
const markdown2 = `
1. **A1**
* B1
* B2
2. **A2**
* B1
* B2
`
return (
<div className="App">
<Markdown>{markdown}</Markdown>
<br />
<Markdown>{markdown2}</Markdown>
</div>
);
}
export default App;
Produces:
Actual behavior
In this example, markdown2's A2 is also contained in a <p> tag, which adds unintended margin
Actual:
Expected behavior
We expect this break to only add spacing to A1 (via the <p> tag), and not A2.
Expected:
Runtime
No response
Package manager
No response
Operating system
No response
Build and bundle tools
No response