Treeview with delegate in a different file and inline MouseArea

[Valerian]

Hi All,

I have a TreeView as shown here

TreeView {
    
    id:treeView
    anchors.fill: parent
    model: treemodel
    
    TableViewColumn {
        title: "Name"
        role: "name"
        
        delegate: EditableDelegate{
            MouseArea {
                id: columnMouseArea
                anchors.fill: parent
                acceptedButtons: Qt.RightButton
                propagateComposedEvents: true
                onClicked: {
                    console.log("Test")
                }
            }
        }
    }
}

The EditableDelegate is defined in a different file

Item{
    Text {
        id: label
        text: model.name
        color: "blue"
        font.family: "Open Sans"
        verticalAlignment: Text.AlignVCenter
        anchors.leftMargin: 5
        elide: "ElideRight"
        anchors.verticalCenter: parent.verticalCenter
        width: parent.width
    }
}

However, I get the following error "Cannot assign to non-existent default property" at the treeview where the Mouse area is defined

I need the following design as I want to reuse the delegate with another treeview
Could you suggest a workaround for this approach?

[Valerian]

Is it possible to have an inline MouseArea for a delegate defined in a seperate file?

[Valerian]

Found the solution, the EditableDelegate in the treeview needed a height and width.