The function to disable editing of child nodes is ineffective.

[567ing567]

I want to make only the root node editable, while the child nodes should not be editable, but it hasn't worked. The code is as follows:

const tree = new InspireTree({
    editable:true,
    data: [{
      text: 'parent',
      itree: {state: { editable: true } },
      children: [{
        text: 'child',
        itree: {state: { editable: false} },
      }]
    }]
  });
  
  new InspireTreeDOM(tree, {
    target: '.tree'
  });
})

[viveleroi]

Looks like this is a bug with the dom renderer, specifically here: https://github.com/helion3/inspire-tree-dom/blob/master/src/dom/list-item.js#L366 - this should be checking the this.props.node.editable() method instead of only the global.

I'll try to push a fix for that however that repo hasn't been touched in a long time so it'll need a love to run properly on modern node etc. I'll try to get that done.

For now, you should be able to hide those buttons with this css:

.inspire-tree li:not(.editable) .btn-group {
  display: none;
}

[567ing567]

All right,thank you