scripts do not execute when added.

When a script is added to the page either through a script with a src attribute or an inline script it will not download the script or execute the inline code. Is this expected behavior?

Thank you!

Edit:

This does execute script tags which have a src attribute

{
    onNodeAdded: function (node) {
        if (node.nodeName === 'SCRIPT' && node.src) {
            var script = document.createElement('script');
            script.src = node.src;
            node.replaceWith(script)
        }
    }
}

[logankeenan]

The code below will execute JS code as it’s added/updated.

        let morphdomOptions = {
            onNodeAdded: function (node) {
                if (node.nodeName === 'SCRIPT') {
                    var script = document.createElement('script');
                    //copy over the attributes
                    [...node.attributes].forEach( attr => { script.setAttribute(attr.nodeName ,attr.nodeValue) })

                    script.innerHTML = node.innerHTML;
                    node.replaceWith(script)
                }
            },
            onBeforeElUpdated: function (fromEl, toEl) {
                if (fromEl.nodeName === "SCRIPT" && toEl.nodeName === "SCRIPT") {
                    var script = document.createElement('script');
                    //copy over the attributes
                    [...toEl.attributes].forEach( attr => { script.setAttribute(attr.nodeName ,attr.nodeValue) })

                    script.innerHTML = toEl.innerHTML;
                    fromEl.replaceWith(script)
                    return false;
                }
                return true;
            }
        };

[logankeenan]

@snewcomer - thanks for your suggestion with replaceWith too! That worked perfectly! 🎉