Indentation broken when folding heading followed by list

[nokola]

Steps to reproduce:

1. Open https://laobubu.net/HyperMD/
2. Paste:

# Test folding indent
1. Ensure test cert in player settings is not expired. Create new one if needed

3. Fold top heading

Expected:
All OK

Actual:
heading is folded but also offsets incorrectly

[laobubu]

Seems it is a bug of CodeMirror. List lines' style is unexpectedly merged to header lines'.

Add a normal paragraph after the list and everything goes correctly.

[nokola]

I think it's specific to HyperMD. For example, CodeMirror official demo works:
https://codemirror.net/demo/folding.html

Perhaps it's something else due to the folding plugin? or some option missing?

[laobubu]

pre.HyperMD-header {
  padding-left: 0 !important
}
pre.HyperMD-header  > span > span:first-child {
 margin-left: 0 !important
}

Not sure if this works. Written on my phone

[nokola]

yes, works, thanks for the response.
Found another, maybe related issue:

H2

test

code

H2

The H2 appears broken style if it ends with code:

[laobubu]

When content is folded, the style of last line is merged to the heading line. Therefore, to fix this, give header line's style higher priority, like ....

.cm-s-hypermd-light pre.HyperMD-header {
    line-height: 1.5 !important;
    font-family: inherit !important;
    border: 0 !important;
}

Hmmm... anyway, it works.