Second parent child node is not rendering

[p3rv3z]

Here you can see Ava Field's child node "Peter Stevens" is not rendering.

var family = new FamilyTree(document.getElementById("tree"), {
    mouseScrool: FamilyTree.action.none,
    nodeBinding: {
        field_0: "name"
    },
    nodes: [
        { id: 1, pids: [2], name: "Amber McKenzie", gender: "female" },
        { id: 2, pids: [1], name: "Ava Field", gender: "male" },
        { id: 3, fid: 2, name: "Peter Stevens", gender: "male" },
        { id: 4, mid: 1, name: "John Doe", gender: "male" }
    ]
});

But when i move the Ava Field's node to on top then the child node is rendering but the other parent node child is not rendering

var family = new FamilyTree(document.getElementById("tree"), {
    mouseScrool: FamilyTree.action.none,
    nodeBinding: {
        field_0: "name"
    },
    nodes: [
        { id: 2, pids: [1], name: "Ava Field", gender: "male" },
        { id: 1, pids: [2], name: "Amber McKenzie", gender: "female" },
        { id: 3, fid: 2, name: "Peter Stevens", gender: "male" },
        { id: 4, mid: 1, name: "John Doe", gender: "male" }
    ]
});

[ZornitsaPesheva]

We still don't support single mothers and fathers, but we are working on this. Please check in our future releases.

[ZornitsaPesheva]

Now we support this. Please download the latest version.