Mobile Markdown Editor Issues with Backspace and Caret Jumping

[broxen]

I'm having a series of usability issues when editing on mobile (Android 11, Pixel 4 XL). I don't have these issues on any other web editors (this GitHub editor works great 👍)

In Markdown mode, but seems to happen in html mode as well.

Namely:

• Caret jumps around the editor. Clicking on a word will place the caret momentarily before it jumps to a random other paragraph.
• Selecting text is not always possible, and sometimes it will select wrong text
• Cannot backspace or delete in many cases. Particularly empty newlines.
• When deleting or backspace does work, sometimes it will delete large sections of text
• Typing will occasionally insert characters at the end of a paragraph instead of where the caret is located
• Using special characters, such as for URLs in markdown, will cause this behavior to worsen, so perhaps it's related to auto/live formatting

I couldn't get the screen recordings to attach, so the Vimeo links are below demonstrating aspects of the issue.

Wiki.js 2.5.201
Node 12.22.6

https://vimeo.com/606720463
https://vimeo.com/606728397

[broxen]

This appears to happen due to the way Codemirror handles touch events, and relates back to a reported bug in Chromium (though the comments on bugtracker suggest it may affect Firefox as well)

codemirror/codemirror5#5844

https://bugs.chromium.org/p/chromium/issues/detail?id=464579

Edit:
Also these keyboard related bugs, which are predominantly Codemirror.
codemirror/codemirror5#6145

[broxen]

It seems as though this has been resolved by the Version 6 of Codemirror.

https://codemirror.net/6/