How to update cursor position?

[Chimildic]

Hello, I developing a browser extension for external site that use editor.js.

The extension inserts a text node or span elements into the input field .ce-paragraph.cdx-block. After that, the user can click on the emoji from the site and it is placed at the beginning of the line, ignoring my custom elements.

// now
step 1: text from extension
step 2: 😐text from extension

// expected
step 1: text from extension
step 2: text from extension😐

What event need to be trigger in order to editor.js re-cache cursor position? I tried click, focus, selectionchange still wrong cursor position.

At the moment insert looks like:

function insertFragment(paragraphArray: Element[], fragment: DocumentFragment) {
    let selection = window.getSelection()
    if (selection?.getRangeAt && selection.rangeCount > 0) {
        let range = selection.getRangeAt(0)
        if (paragraphArray.some(p => range.intersectsNode(p))) {
            range.deleteContents()
            range.insertNode(fragment)
            range.collapse()
            selection.removeAllRanges()
            selection.addRange(range)
            return
        }
    }

    let range = new Range()
    range.selectNodeContents(paragraphArray[paragraphArray.length - 1])
    range.insertNode(fragment)
    range.collapse()
    selection?.removeAllRanges()
    selection?.addRange(range)
}