Error: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

[justinbmeyer]

it seems there is an ordering problem with the patcher. The following test fails with an error:

node.js:78 Uncaught DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

QUnit.test("if within an each", function(){
    var template = stache(`<div>
    	{{# each(sortedMonthlyOSProjects ) }}
    		{{# if(val) }}
    			<span>Hi</span>
    		{{/ if }}
    	{{/ each }}
    	</div>`);

    var osProject1 = {
        val: new SimpleObservable()
    },
        osProject2 = {
            val: new SimpleObservable()
        };
    var calls = 0;

    var sortedMonthlyOSProjects = new Observation(function(){
        osProject1.val.get();
        //osProject2.val.get();
        calls++;
        if(calls % 2 === 0) {
            return [osProject1, osProject2];
        } else {
            return [osProject2, osProject1];
        }
    });

    var frag = template({sortedMonthlyOSProjects: sortedMonthlyOSProjects});

    queues.log();

    osProject1.val.set(true);
    //osProject2.val.set(false);

});

[justinbmeyer]

So this is a problem with can-view-live.html. I changed it to update the DOM in the DOM-UI queue. But it changes the nodeList immediately.

The nodeList and HTML should be changed at the same time. All nodeLists should also be changed in the DOM-UI queue.