import QtQuick 2.12
import QtQuick.Window 2.0
import QtQuick.Controls 2.5

Window {
    visible: true
    ScrollView {
        anchors.fill: parent
        ScrollBar.horizontal.onPressedChanged: console.log("pressed")
        Flickable {
            id: flickable
            contentHeight: flamegraph.height
            contentWidth: flamegraph.width
            Rectangle {
                id: flamegraph

                width: flickable.width
                height: flickable.height

                color: "blue"
                Component.onCompleted: console.log("completed", width, height)

                MouseArea {
                    anchors.fill: parent
                    hoverEnabled: true
                    onClicked: function(mouse) {
                        console.log("clicked", width - mouse.x, height - mouse.y)
                    }
                }
            }
        }
    }
}