Detect reorder of siblings

[patrick-steele-idem]

Detect reorder of siblings

[patrick-steele-idem]

Hey @shannonmoeller, the recommended solution is to assign an id attribute with a unique value for each <video> element and morphdom will match the elements up by the assigned ID.

If you don't like assigning an "id" attribute then you can provide your own getNodeKey(el) function:

var morphedNode = morphdom(fromNode, toNode, {
    getNodeKey: function(el) {
        return el.id;
    },
    ...
});

Let me know if that doesn't solve your problem.

[shannonmoeller]

This doesn't fully solve the issue. When an item is removed from the list, the other elements remain, so we're half way there. However, if an element is moved down the list, it's still getting overridden by the new element, even with the same id.

[shannonmoeller]

I'm thinking this could be used for a quick comparison:

https://developer.mozilla.org/en-US/docs/Web/API/Node/isEqualNode

[shannonmoeller]

Oh, awesome. I wasn't aware of that. Thanks!

[AutoSponge]

It sounds like range.insertNode (or insertBefore) would do the trick. Instead of morphing, you would need to move the existing node to the new location in the DOM. @patrick-steele-idem does this sound correct?