Text is added at wrong caret position in text area

Initilization Code CodeMirror.fromTextArea($(".edit-box", this.element)[0], { mode: "text/html", lineNumbers: true, lineWrapping: true });

On adding text in editor sometimes the text is added in the wrong position as shown in the GIF below This issue is tested on version 3.21.0 and 5.48.4 Steps to reproduce.

1. Open the editor add text in it.
2. Click on the end of any word and then click on the start of the next word.
3. Type anything, it will be added to wrong position.

Code Pen https://codepen.io/ahtishamshahid/pen/pooLqeJ

[awaisdar001]

I’m not able to reproduce this. Does it happen in the demos on the website?

I am able to reproduce by writing a long line without hitting an enter. If you copy paste this line in the editor you will be able to reproduce the bug. Or any long line will do. I tried.

Ok this is a new line i am trying to write, but it seems like the line is going to be long enough that the curser will move to the new and we will be able to reproduce the bug. 

[gillsignals]

Several users of the edX content editing platform have been experiencing this issue as well, and their engineers traced the problem back to CodeMirror and referred us to watch this issue. It is definitely affecting a live version of your product.

I sent a note to them to provide you more information, as I am unclear how edX implements CodeMirror, but I can verify that many users worldwide are experiencing this problem and we have an internal discussion board with several reports.