import QtQuick 2.15
import QtQuick.TreeView 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15

ApplicationWindow {
    id: root
    width: 640
    height: 480
    visible: true
    title: qsTr("Tree Delegate Tooltip Test")

    TreeView {
        anchors.fill: parent
        model: dataModel
        rowSpacing: 0
        delegate: ItemDelegate {
            id: viewDelegate

            property bool hasChildren: TreeView.hasChildren
            property bool expanded: TreeView.isExpanded

            width: TreeView.view.width
            text: "Data: " + String(index)
            onClicked: TreeView.view.toggleExpanded(row)
            leftPadding: 10
            background: Rectangle {
                implicitWidth: root.width
                color: viewDelegate.hasChildren ? "grey" : "darkgrey"
            }

            contentItem: RowLayout {
                Label {
                    text: viewDelegate.hasChildren ? viewDelegate.expanded ? "-" : "+" : " "
                    verticalAlignment: Qt.AlignVCenter
                    Layout.preferredWidth: 12
                }

                Item {
                    height: parent.height
                    width: 16
                    visible: !viewDelegate.hasChildren // Commenting out this line seems to fix the issue

                    Loader {
                        active: !viewDelegate.hasChildren
                        anchors.verticalCenter: parent.verticalCenter
                        sourceComponent: Rectangle {
                            width: 16
                            height: 16
                            MouseArea {
                                id: marea
                                anchors.fill: parent
                                hoverEnabled: true
                            }
                            ToolTip {
                                text: viewDelegate.text
                                visible: marea.containsMouse
                            }
                        }
                    }
                }

                Label {
                    text: viewDelegate.text
                }

                Item {
                    Layout.fillWidth: true
                }
            }
        }
    }
}