Not rendering list properly #493

New Issue

claunia · 2026-01-29T14:38:05Z

claunia commented

2026-01-29 14:38:05 +00:00

Originally created by @iRowin02 on GitHub (Jan 7, 2022).

I'm trying to create a markdown editor which so far has gone pretty successful,
the only problem I have right now is that whenever I try to make a list.
This list doesn't properly show up. Even though when I check to inspect elements it does show up as a list.

My pipeline is as followed:

pipeline = new MarkdownPipelineBuilder()
                   .UseAdvancedExtensions()
                   .UseSyntaxHighlighting()
                   .UseListExtras()
                   .UseAutoIdentifiers()
                   .UseTaskLists()
                   .UseAbbreviations()
                   .UseGenericAttributes()
                   .UseBootstrap()
                   .UseSoftlineBreakAsHardlineBreak()
                   .Build();

            if (pipeline != null)
            {
                if (input != null)
                {
                    output = Markdown.ToHtml(input, pipeline);
                }
            }
            return output;

This is my input

This is how it shows when parsed

This is what it shows inside my inspect element

Yet I'm missing the dots that should be in front of this.

Originally created by @iRowin02 on GitHub (Jan 7, 2022). I'm trying to create a markdown editor which so far has gone pretty successful, the only problem I have right now is that whenever I try to make a list. This list doesn't properly show up. Even though when I check to inspect elements it does show up as a list. My pipeline is as followed: ```cs pipeline = new MarkdownPipelineBuilder() .UseAdvancedExtensions() .UseSyntaxHighlighting() .UseListExtras() .UseAutoIdentifiers() .UseTaskLists() .UseAbbreviations() .UseGenericAttributes() .UseBootstrap() .UseSoftlineBreakAsHardlineBreak() .Build(); if (pipeline != null) { if (input != null) { output = Markdown.ToHtml(input, pipeline); } } return output; ``` This is my input ![image](https://user-images.githubusercontent.com/13496569/148554533-c4f980f4-ce5f-425d-8661-25d4641f6007.png) This is how it shows when parsed ![image](https://user-images.githubusercontent.com/13496569/148554666-fcf56473-8f06-467b-ac7e-4488efd01b15.png) This is what it shows inside my inspect element ![image](https://user-images.githubusercontent.com/13496569/148554727-22ffdc9f-9df5-4255-8d3e-300c6b4bc5a4.png) Yet I'm missing the dots that should be in front of this.

claunia added the question label 2026-01-29 14:38:05 +00:00

claunia closed this issue

2026-01-29 14:38:06 +00:00

claunia commented

2026-01-29 14:38:07 +00:00

@xoofx commented on GitHub (Jan 28, 2022):

Yet I'm missing the dots that should be in front of this.

Not sure to follow, what is the dots here? Sounds more like a CSS issue on your side with an incorrect rendering of <li> items.

@xoofx commented on GitHub (Jan 28, 2022): > Yet I'm missing the dots that should be in front of this. Not sure to follow, what is the `dots` here? Sounds more like a CSS issue on your side with an incorrect rendering of `<li>` items.

claunia commented

2026-01-29 14:38:07 +00:00

@iRowin02 commented on GitHub (Jan 28, 2022):

Yet I'm missing the dots that should be in front of this.

what is the dots here?

After googling a bit more, I found that they're called 'Bullet points'. Though I checked in my CSS if I manipulated the behavior of <li> classes. But this isn't the case.

@iRowin02 commented on GitHub (Jan 28, 2022): > > Yet I'm missing the dots that should be in front of this. > > what is the `dots` here? After googling a bit more, I found that they're called 'Bullet points'. Though I checked in my CSS if I manipulated the behavior of `<li>` classes. But this isn't the case.

claunia commented

2026-01-29 14:38:08 +00:00

@xoofx commented on GitHub (Jan 28, 2022):

For sure, the HTML output looks correct from Markdig , so I don't think it is a Markdig issue but definitely a non correct usage of CSS.

@xoofx commented on GitHub (Jan 28, 2022): For sure, the HTML output looks correct from Markdig , so I don't think it is a Markdig issue but definitely a non correct usage of CSS.

claunia commented

2026-01-29 14:38:08 +00:00

@iRowin02 commented on GitHub (Jan 28, 2022):

I'm not really the best at CSS, so I haven't gotten a clue what could be the cause. Or how to check, but thanks for pointing out. I'll see what I can do.

@iRowin02 commented on GitHub (Jan 28, 2022): I'm not really the best at CSS, so I haven't gotten a clue what could be the cause. Or how to check, but thanks for pointing out. I'll see what I can do.

claunia commented

2026-01-29 14:38:08 +00:00

@iRowin02 commented on GitHub (Jan 28, 2022):

Well, I fixed it by overwriting the <ul> class in the CSS. I can now consider myself a CSS god.

@iRowin02 commented on GitHub (Jan 28, 2022): Well, I fixed it by overwriting the `<ul>` class in the CSS. I can now consider myself a CSS god.

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/markdig#493