import QtQuick.Window 2.12
import QtQuick 2.14

Window {
    visible: true
    width: 640
    height: 480
    Rectangle {
        anchors.fill : parent
        color: '#1e1e1e'

        Rectangle {
            width : 120
            height : width
            color : "green"
            TapHandler {
                onTapped: console.log( "GREEN" );
            }
        }
        Rectangle {
            //anchors.centerIn: parent
            width : 80
            height : width
            color : "red"
            TapHandler {
                onTapped: console.log( "RED" );
                grabPermissions: PointerHandler.TakeOverForbidden
            }
        }
    }
    Rectangle {
        y:200
        color: "yellow"
        width: 100; height: 100

        MouseArea {
            anchors.fill: parent
            onClicked: console.log("clicked yellow")
        }

        Rectangle {
            color: "blue"
            width: 50; height: 50

            MouseArea {
                anchors.fill: parent
                propagateComposedEvents: false
                onClicked: {
                    console.log("clicked blue")
                    mouse.accepted = false
                }
            }
        }
    }

}