Disabled MenuItem propagates clicks to underlying mouse area in drawer

pragma ComponentBehavior: Bound

import QtQuick
import QtQuick.Controls

Window {
    id: _mainWindow
    width: 640
    height: 480
    visible: true
    title: qsTr("Click The Context Menu")
    Button {
        anchors.centerIn: parent
        text: "Click to open drawer"
        onClicked: _drawer.open()
    }

    Drawer {
        id: _drawer
        edge: Qt.RightEdge
        width: _mainWindow.width / 3
        height: _mainWindow.height
        Rectangle {
            id: _flickableContent
            color: "white"
            height: parent.height
            width: _drawer.width
            Button {
                id: _popupOpenButton
                property int clicks: 0
                anchors.horizontalCenter: parent.horizontalCenter
                anchors.top: parent.top
                anchors.topMargin: 5
                text: qsTr("Click to open context menu (%1)").arg(clicks)
                onClicked: {
                    clicks = 0
                    _popup.open()
                }
                Menu {
                    id: _popup
                    x: 0
                    y: _popupOpenButton.implicitHeight
                    width: parent.width - 10
                    MenuItem {
                        text: "Menu first"
                        onTriggered: _popupOpenButton.clicks += 10
                    }
                    MenuItem {
                        text: "Click me"
                        enabled: false
                        onTriggered: _popupOpenButton.clicks += 20
                    }
                    MenuItem {
                        text: "Menu third"
                        onTriggered: _popupOpenButton.clicks += 30
                    }
                }
            }
            ListView {
                anchors.top: _popupOpenButton.bottom
                anchors.topMargin: 5
                anchors.left: parent.left
                anchors.right: parent.right
                anchors.bottom: parent.bottom
                model: ["first", "second", "third"]
                delegate: Rectangle {
                    color: _mouseArea.containsMouse ? "lightgray" : "white"
                    width: parent.width - 10
                    height: 25
                    border.width: 1
                    border.color: "black"
                    anchors.horizontalCenter: parent.horizontalCenter
                    required property var model
                    required property int index
                    Label {
                        anchors.centerIn: parent
                        text: model.modelData
                    }
                    MouseArea {
                        id: _mouseArea
                        hoverEnabled: true
                        anchors.fill: parent
                        onPressed: _popupOpenButton.clicks += (index + 1)
                    }
                }
            }
        }
    }
}