Duplicating a note containing a bulleted list with an image destroys the list formatting

[L1ghtmann]

Operating system

Windows

Joplin version

3.1.24

Desktop version info

Joplin 3.1.24 (prod, win32)

Client ID: 13d5227f980241778ad5562f8f944732
Sync Version: 3
Profile Version: 47
Keychain Supported: Yes

Revision: d581264

macOS theme: 1.5.7

Current behaviour

Create a note with a list:

Duplicate the note
Observe change to formatting to BOTH the original note and the duplicate:

Note that this does NOT occur if the list does not contain an image

Expected behaviour

The formatting to be retained

Logs

No response

[personalizedrefrigerator]

I can reproduce this in Joplin 3.2.1 — it seems that if a list item contains only a user-resized (HTML) image, following list items are merged onto the same line when rendering.

In particular if I,

1. Create a note containing a bulleted list in the Rich Text Editor.
2. Add an image as the first list item.
3. Resize the image by dragging one of the resize handles.
4. Add new sub-list-items below the first item.
5. Switch to the Markdown viewer.
6. Switch back to the Rich Text Editor,

I can reproduce this issue.

[VANSH3104]

@personalizedrefrigerator I also generate this bug it only happens with bulletlist not with numbered list and squared list I also check the pasted list statement too it is same in all case I am working on this issue

[L1ghtmann]

Really appreciate your guys' speedy assistance with this!

I'm unsure if it's also related to resource handling, but I encountered #11373 recently. Just figured I'd mention in the event they were similar underlying problems. Thanks again!

[VANSH3104]

@L1ghtmann yes i also think that it is related

[VANSH3104]

"Hi @laurent22, I have some doubts related to this issue. I messaged you on Discord. Could you please check?"

[personalizedrefrigerator]

It seems that if a list has markup similar to the following,

- <img src=":/fa188ce561be4f7f9e7541a1fe4b1341"/>
    - Test

then markdown-it renders the list as

Note that GitHub renders the list in a similar way.

To prevent the next line from becoming a continuation of the first, it seems necessary to add a closing tag or other content after the <img ... />. For example,

- <img src=":/fa188ce561be4f7f9e7541a1fe4b1341"></img>
    - Test

[L1ghtmann]

Really appreciate you looking into this! I've been meaning to learn TS so I could take a crack myself, but been really busy lately