Header markdown does not display correctly apart from # (<h1>)

[kittykat]

Steps to reproduce

1. Send this message:

# Header
## Subheader
### Sub-subheader

Outcome

What did you expect?

Headings displaying in hierarchical formatting

What happened instead?

{
  "type": "m.room.message",
  "content": {
    "msgtype": "m.text",
    "body": "# Header\n## Subheader\n### Sub-subheader",
    "format": "org.matrix.custom.html",
    "formatted_body": "<h1>Header</h1>\n<h2>Subheader</h2>\n<h3>Sub-subheader</h3>\n"
  }
}

URL for webapp

develop.element.io

Application version

Element version: ba302b7dc068-react-3defb863b35b-js-14e008bbad18 Olm version: 3.2.3

[t3chguy]

We intentionally render h1 & h2 as a h3 to prevent the scale being far too large.

[kittykat]

I would expect h3 to be rendered much smaller than it does at the moment. The current render matches my expectation for h1.

[Palid]

@janogarcia is working on normalizing the markdown headers between all the applications versions, so this issue will be blocked for a while longer and work on it will only begun after it's normalized.

[JeanPaulLucien]

If you like this I can make a PR. Just tell me where style is.

[t3chguy]

@JeanPaulLucien I suggest reading the history of the issue. #1417

[JeanPaulLucien]

the scale being far too large.

Will not.

[t3chguy]

@JeanPaulLucien that call is up to the design team at Element