Editing Text and using toolbar command to insert a component - wipes the unsaved changes

[Wayne-Mather]

I have an issue where if I create an action on the RTE toolbar for a text component, after calling component.view?.insertComponent(newComponentDef, { at: selectedIndex}); the current text component text is set to before the edit.

It's almost like the editing changes have not been committed to the model so when insertComponent() is called, it uses the old values.

Does anyone have sample code where a user has edited the text node and then clicked an RTE action to insert a component that does not wipe the changes performed?

Example of command

1. Add a text component (Assume text is 'Hello World!')
2. Append some text to the end (' - Changed ')
3. Click the RTE toolbar and select Add Text
4. Text is "Hello World! {{ Magic }}" instead of "Hello World! - Changed {{ Magic }}"

rte.add('something', {
               name: 'Add Text',
        icon: '<span>Text</span>',
        result: (rte, action) => {
            const doc = rte.doc;
            const sel = doc.getSelection();
            const component = editor.getSelected();
            const textDef = {
                type: 'text',
                content: '{{ Magic }}'
            };

            const anchorNode = rte.selection().anchorNode;
            let selectedIndex = -1;

            for(let i = 0; i < rte.el.childNodes.length; i++) {
                const node = rte.el.childNodes[i];
                if(node.compareDocumentPosition(anchorNode) == 0) {
                    selectedIndex = i;
                }

                if(selectedIndex >= 0) {
                    break;
                }
            }

            const range = sel.getRangeAt(0);
            const node = range.startContainer;
            const offset = range.startOffset;
            let selectedNode = rte.el.childNodes[selectedIndex];

            if (node.nodeType == 3 && offset) {
                selectedIndex += 1;

                if (offset < selectedNode.textContent.length) {
                    selectedNode.splitText(offset);
                }
            }

            component?.getView()?.insertComponent(textDef, { at: selectedIndex });
        }
    })

[Wayne-Mather]

PR submitted

[Wayne-Mather]

resolved in future release