Bizarre massive blinking caret left over from editor!

[Matt]

This is a bit of a weird one!

We have an MVC application that, at certain points (when the user opts to edit a paragraph), adds an iframe to the DOM. The src of this iframe points at an aspx page that contains the RADEditor. Once content has been edited and the user clicks the save button, we suck out the content, dump the iframe and replace a whole bunch of client HTML from a server call.

Once the HTML has been reloaded in the DOM after the RAD editor has done its business, we’re currently seeing what looks like a massive flashing cursor on the screen (a huge black rectangle). It blinks on and off, uses up maybe 75% of the screen (vertically) and reverses all the colours behind it (white becomes black, black becomes white etc)!

I know this is a bit of a random one, but .. any ideas? Has anyone seen anything similar?

[Matt]

This morning I've found that this only ever happens if the text area of the editor is NOT selected before clicking the save button. As I click the save button, there's a brief moment where I see a small cursor to the top left of the text area, and then it's all replaced with new HTML and I get the gigantic blinking cursor.

So I'm going to see if there's a way I can automatically select the text area when the editor is loaded; hopefully that'll sort it out!

[Matt]

Wow. I seem to have fixed it with the following line of jQuery!

$("telerikRadEditor_contentIframe").find("body").trigger("mousedown", null);

Although this doesn't show the cursor in the text area, it seems to be enough for the editor to intialise the cursor (or whatever it does).