У меня проблема с contenteditable div. Когда я хочу выполнить на нем простую команду (например, жирный или курсив), я делаю следующее:

memorize the div (since it will lose focus after i click on bold button) on button click, i refocus the div and execute the bold command everything works

Теперь проблема возникает, когда я пытаюсь сделать что-то более сложное. Например, я хочу показать пользовательский диалог с полем ввода:

memorize the div on button click, a dialog is shown (everything is still ok) user focuses an input field on that dialog (and that's where everything breaks)

Проблема в том, что как только элемент ввода фокусируется, не только то, что мой contenteditable div теряет фокус - он также теряет выделение и перемещает курсор в начало, как только я перефокусирую его.

Итак, мой вопрос: как я могу предотвратить потерю своего contenteditable div после того, как я сфокусируюсь на другом элементе ввода?