Broken checkbox styles

[luewolf]

Operating system

Android

Joplin version

3.2.1

Desktop version info

No response

Current behaviour

This issue was introduced recently, probably in 3.2.1 or 3.2.

Checkbox lists with text that spans multiple lines no longer have the checkbox aligned at the top, making it difficult to see where one task ends and the next begins.

Also, text highlights (==foo==) are no longer inline elements within checkbox list items, which causes weird spacing issues.

For reference, the words in the second line should be delimited by spaces:

- [ ] So said Midas: ==Mark my words==, I'll have all the gold.
- [ ] foo ==bar== baz

The issue was observed with the "Aritim dark" theme. I do not know if it affects other themes as well.

Expected behaviour

The checkboxes in checkbox lists should be top-aligned when the text spans multiple lines, as it used to be, as the current center-alignment severely impacts readability (and is inconsistent with other kinds of lists to boot!)

Text highlights within checkbox list items should be inline elements like they are everywhere else (including the other kinds of lists).

Logs

No response

[personalizedrefrigerator]

I'm also experiencing this on the desktop app:

@laurent22 could this be related to 49e86d1?

[laurent22]

Oh, right, yes that would be this change. My goal was to ensure that the checkbox is aligned with the line in front of it, but looks like it broke other things

[laurent22]

I can't replicate it though - could you post the Markdown you're using please?

[laurent22]

Also please try with v3.2.3 since it has a fix for the checkbox vertical alignment

[personalizedrefrigerator]

I'm using Joplin desktop v3.2.3 on Fedora Linux. I'm able to reproduce the issue with the following Markdown.

- [ ] This `is` a
    test
- [ ] This `is` another<br/>test.

For me, it renders as

in the Markdown viewer.