Редактируемое содержимое и событие ввода / нажатия клавиш / нажатия клавиш - установка курсора по проблеме range.setStart

Question

Я пытаюсь переместить положение курсора после замены элемента contentEditable в конце текста.Проблема в том, что курсор вместо заданных команд настраивает себя на запуск (перед всеми остальными словами).Когда я console.log, функция range.selectNodeContents возвращает неопределенное значение.Как это исправить?

let textField = document.querySelector('.textfield');
                    textField.addEventListener('input', () => {
                        textField.innerHTML = textField.innerHTML.replace(':)',
                            '<img src="../../assets/img/emoji/happy.png');
                        let startNode = textField.childNodes[textField.childNodes.length - 1];
                        let range = document.createRange();
                        range.selectNodeContents(textField);
                        range.setStart(startNode, 0);
                    }, false);