[Bug] Cursor showing on the wrong letter on chrome about react-simple-code-editor HOT 2 CLOSED

When you type a char, it is added at a position other than the cursor.

I think you may want to add more details on how to reproduce this. I've just taken a look and the demo still works fine for me and as expected.

react-simple-code-editor works by keeping a texteditor and a div in sync with the same content and formatting, so if they're not in sync, the cursor won't be in sync. But I think in this case this issue will need more details on how to reproduce this.

from react-simple-code-editor.

@kitten Thanks for looking at my issue.
The bug only occurs on Chrome and it seams the bug does not appear when copy-pasting.
Can you try going to the demo, at the end of the last line type " function" then enter like 20 spaces (enough to fill the line) then type a char. It pops after the cursor.
I have tried it on a coworker's laptop and the bug showed.
As you can see on the screenshot below, I have type the char "d" and it did not print at the cursor (the cursor is at the beginning of the line):

I found a stackoverflow post describing the issue on chrome: https://stackoverflow.com/questions/14676036/google-chrome-bug-with-pre-wrap

from react-simple-code-editor.