DEV Community

Boris Jamot ✊ /
Boris Jamot ✊ /

Posted on • Updated on

Why Adding a Markdown Sublist Breaks the List on dev.to?

#help #meta #markdown #bug

Can someone explain me why when I add a sublist to a Markdown list on dev.to, it breaks my list by adding unexpected CR after each item?

Here's my code:

- item 1
  - item 1.1
- item 2
- item 3
Enter fullscreen mode Exit fullscreen mode

And the result:

  • item 1
    • item 1.1
  • item 2
  • item 3

Thanks!

Top comments (5)

Collapse
 
justinjstark profile image
Justin J Stark • • Edited

If you look at the outputted HTML, there are <br>s before item 2 and item 3. This is definitely a bug.

<ul>
<li>item 1
<ul>
<li>item 1.1</li>
</ul>
</li>
<br>
<li>item 2</li>
<br>
<li>item 3</li>
</ul>

My guess is this line is meant to strip out the brs but I don't have time to figure out why it doesn't work.

Collapse
 
defiance profile image
Defiance Black •

Hm.

If the pot is open for opinions, I'd rather that <CR> be removed.

I like tight lists.

Collapse
 
itsdarrylnorris profile image
Darryl Norris •

This looks to me like a bug. I think it might be worth opening an issue in Github?

Collapse
 
ben profile image
Ben Halpern •

If anyone wants to dive in, the answer may lie here

github.com/thepracticaldev/dev.to/...

Collapse
 
kspeakman profile image
Kasey Speakman • • Edited

I've run into this as well. I tend to just avoid sub lists in posts here. Although looking at it, it does look alright visually... just not what I expected.

Read next

suzuki0430 profile image

How to Temporarily Remove and Reintegrate Cloud Resources from Terraform Management

Atsushi Suzuki -

graciesharma profile image

Implementing CSV Data Export in React Without External Libraries

graciesharma -

gkhan205 profile image

Exploring What’s New in React 19: Actions, Async Scripts, Server Components, and More

Ghazi Khan -

vimuth7 profile image

Build a nice Realtime notification with Laravel Jetstream (InertiaJS / Vue 3 stack).

vimuth -