contentEditable div display: нет / проблема с фокусировкой блока в Chrome

Question

У меня есть contentEditable div, который в некоторых случаях получает display: none, затем снова display: block (inline-block), я использую div.focus(), когда display установлен на block, но курсор находится наначало текста, и я не могу изменить его положение, чтобы закончить в Chrome.

Как мне сделать так, чтобы он устанавливал курсор в конце, когда div получает фокус?

Answer 1

Используется jQuery, но его можно обобщить на обычный JavaScript. Важная часть:

var range = document.createRange(),
    selection = window.getSelection();

range.setStartAfter(div.lastChild); // set cursor

selection.removeAllRanges();
selection.addRange(range); // apply cursor position

http://jsfiddle.net/te93D/1/