The postion of input box is wrong when using Chinese input method

[fintfire]

When inputting Chinese in Joplin，the postion of input box is wrong, covering the input text.
About three different input methods have been tested, including microsoft PinYin. All have the same problem.

Environment

Joplin version:
Joplin 1.6.7 (prod, win32)
客户端 ID: 9ff9abdc48cf4bf1b0c2d0bddc3c3fe2
同步版本: 2
配置文件版本: 34
支持的密钥链: 是
修订: b74b849 (master)

Platform:
Windows 10 20H2 19042.685

snaphot:

[fintfire]

Add a supplement: In note viewer, the position of input box is OK.

Snapshot:

[CalebJohn]

Do you mind testing this issue here. That will tell us if the issue is with Joplin, or the editor component that Joplin uses (CodeMirror).

[fintfire]

I'm not familiar with web development，then test it at https://codesandbox.io/s/codemirror-test-pfdfj.
No problem.

[CalebJohn]

@flintning I'm sorry for getting back so late.
But could you test here instead? The editor you tested on is Monaco, not CodeMirror.

[fintfire]

I've test your URL. The overlapping problem also existed but much better than Joplin.

[CalebJohn]

Thanks @flintning this confirms that the issue is with the editor component that Joplin uses (CodeMirror). This means that the behaviour might be eventually fixed on their end. I'll also be thinking about this and if there is a possible fix on the Joplin side.

[fintfire]

I've put this issue to discuss.codemirror.net, they said that "This is unlikely to be fixed in the current 5.x versions (which they are probably using), but if they ever upgrade to 6.x, the problem should no longer exist there."
https://discuss.codemirror.net/t/the-postion-of-input-box-is-wrong-when-using-chinese-input-method/3109

[CalebJohn]

That's good to know. I would like to eventually upgrade Joplin to Codemirror 6.x, but it likely won't happen within the next year.

[wh201906]

I've test your URL. The overlapping problem also existed but much better than Joplin.

I cannot reproduce this result on the website of CodeMirror5. The IME panel doesn't cover the text
#8179 (comment)

4. Plus, the demo on the CodeMirror5 website also works fine. The panel overlaps the line I'm editing vertically, but it's always behind the cursor.