Codemirror cursor position offset

Question

I'm using code mirror to display, highlight and edit xml in a web page but I am having a problem with the cursor position being offset from the insert position so that if you delete a character from where the blinking cursor is, a character before the one you would expect gets deleted instead. I am assuming its a css clash with my current page because it works well outside my page, but cant find the clash anywhere. Has anyone had similar issues or know what to do?

Answer 1

Further investigation shows that the page had padding set on all divs embedded in fieldsets which was the cause of the problem.

Answer 2

The following lines fixed the issue for me:

.CodeMirror pre {
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}

I'm using lineWrapping: true in my CodeMirror configuration. Setting that to false works as well.