mattermost-community/focalboard

Bug: Markdown renders headers indented if immediately following a list

Open

#2,325 opened on Feb 11, 2022

View on GitHub
 (2 comments) (0 reactions) (1 assignee)TypeScript (26,187 stars) (2,542 forks)user submission
BugHelp WantedSev/3

Description

Steps to reproduce the behavior

  1. Open a card and edit its description
  2. Paste in the following markdown:
* List item 1
* List item 2
* List item 3
## Header immediately following list
Notice that the header is indented

* List item 1
* List item 2
* List item 3

## Header with a space between list above
Indentation is ok if a space is inserted between the header and list
  1. The first header (and following text) is indented

Expected behavior

Headers and text should not be indented, even if immediately following a list

Screenshots

Edition and Platform

  • Edition: Personal Desktop / Personal Server / Mattermost plugin
  • Version: v0.14.0
  • Browser and OS: Chrome on Mac

Additional context

The indentation appears correct when editing, but not after saving.

Contributor guide

Tech stack
typescriptreacthtmlcss
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
blocked
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
TypeScriptReactMarkdown parsing
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
35
Research direction
Investigate the markdown rendering component, likely in the frontend codebase (e.g., src/components/ or packages/). Look at how the markdown parser handles newlines between list items and headers. The bug may be due to a missing <br> or CSS margin issue. Check comments in the issue for any maintainer hints. Also examine any existing tests for markdown rendering.
Bug: Markdown renders headers indented if immediately following a list · mattermost-community/focalboard#2325 | Good First Issue