Buttons / mouseArea doesn't works under Drawer's drag area

import QtQuick 2.7
import QtQuick.Controls 2.1
import QtQuick.Layouts 1.0

ApplicationWindow {
    visible: true
    width: 400
    height: 400
    title: qsTr("Hello World")

    Drawer {
        id: drawer
        dragMargin: 200

        edge: Qt.LeftEdge

        width: 300
        height: 400

        Rectangle {
            anchors.fill: parent
            color: "red"
        }
    }

    Column {
        width: parent.width
        Row {
            Button {
                width: 200
                text: "Button\nLeft"
                onClicked: console.log("Button Left clicked") //Not working
            }
            Button {
                width: 200
                text: "Button\nRight"
                onClicked: console.log("Button Right clicked") //ok
            }
        }

        Row {
            Rectangle {
                width: 200
                height: 50
                Label {
                    anchors.centerIn: parent
                    text: "MouseArea\nLeft"
                }
                MouseArea {
                    anchors.fill: parent
                    onPressed: console.log("MouseArea Left onPressed") //Not working
                    onClicked: console.log("MouseArea Left onClicked") //Not working
                }
            }
            Rectangle {
                width: 200
                height: 50
                Label {
                    anchors.centerIn: parent
                    text: "MouseArea\nRight"
                }
                MouseArea {
                    anchors.fill: parent
                    onPressed: console.log("MouseArea Right onPressed") //ok
                    onClicked: console.log("MouseArea Right onClicked") //ok
                }
            }
        }
    }
}