TaskList missing CSS class #19

Closed
opened 2026-01-29 14:20:48 +00:00 by claunia · 2 comments
Owner

Originally created by @madskristensen on GitHub (Jun 19, 2016).

The GitHub flavor for tasks lists looks like this:

- [ ] test

It renders in Markdig into:

<li><input disabled="disabled" type="checkbox" /> test</li>

GitHub renders it with a class name on the <li> element so it can be styled differently so it doesn't have a CSS list style bullet

<li class="task-list-item"><input disabled="disabled" type="checkbox" /> test</li>

And the <ul> gets a contains-task-list class attribute

Originally created by @madskristensen on GitHub (Jun 19, 2016). The GitHub flavor for tasks lists looks like this: ``` md - [ ] test ``` It renders in Markdig into: ``` html <li><input disabled="disabled" type="checkbox" /> test</li> ``` GitHub renders it with a class name on the `<li>` element so it can be styled differently so it doesn't have a CSS list style bullet ``` html <li class="task-list-item"><input disabled="disabled" type="checkbox" /> test</li> ``` And the `<ul>` gets a _contains-task-list_ class attribute
claunia added the enhancement label 2026-01-29 14:20:48 +00:00
Author
Owner

@xoofx commented on GitHub (Jun 20, 2016):

Should be fixed by commit 6a62ae9

@xoofx commented on GitHub (Jun 20, 2016): Should be fixed by commit 6a62ae9
Author
Owner

@madskristensen commented on GitHub (Jun 20, 2016):

Man this looks amazing now. Here's a screenshot:

image

Thanks for adding this

@madskristensen commented on GitHub (Jun 20, 2016): Man this looks amazing now. Here's a screenshot: ![image](https://cloud.githubusercontent.com/assets/1258877/16182922/1dfdd400-3660-11e6-988e-4cf88b837bb5.png) Thanks for adding this
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/markdig#19