Skip to content

Loose task list items render with unintended line break #140

Description

@nidico

The following markdown input

- [ ] foo

- bar

- [ ] baz

is rendered with line breaks (by defaultHtmlRenderer), as can be seen in the following image:

elm-markdown-issue-loose-task-items

In Github / Gitea, this would be rendered as:

  • foo

  • bar

  • baz

This is due to list items with Loose ListSpacing being wrapped in a paragraph.

Possible solutions:

  • Put the <input type="checkbox"> inside the <p> (this is what Github does, and seems to be the obvious solution to me)
  • Add position: absolute and other styling foo to <input> (this is what Gitea does)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions