You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
A list is loose if any of its constituent list items are separated by blank lines, or if any of its constituent list items directly contain two block-level elements with a blank line between them. Otherwise a list is tight. (The difference in HTML output is that paragraphs in a loose list are wrapped in <p> tags, while paragraphs in a tight list are not.)
In this example, the loose version renders as
<ul><li><p>a</p><ul><li>b</li></ul></li></ul>
a
b
while the tight version renders as
<ul><li>
a
<ul><li>b</li></ul></li></ul>
a
b
The removed <p> visibly changes the vertical spacing. Prettier should not change the meaning of Markdown code by switching loose lists to tight or vice versa.
Prettier 3.6.2
Playground link
# Options (if any): --parser markdownInput:
Output:
Expected output:
Why?
According to the CommonMark spec:
In this example, the loose version renders as
a
while the tight version renders as
The removed
<p>visibly changes the vertical spacing. Prettier should not change the meaning of Markdown code by switching loose lists to tight or vice versa.