QML Sub menu doesn't disappear

import QtQuick
 import QtQuick.Controls

Window {
    id: window
    visible: true
    width: 1280; height: 720


    Menu {
        id: contextMenu
        title: "MainMenu"
        cascade: true
        Menu {
            title: "Menu 1"
            MenuItem { text: "Option 1";}
            MenuItem { text: "Option 2";}
            MenuItem { text: "Option 3";}
        }
        MenuItem { text: "Option 1";}
        MenuItem { text: "Option 2";}
        MenuItem { text: "Option 3";}
        Menu {
            title: "Menu 2"
            Menu {
                title: "Menu 2.1"
                MenuItem { text: "Option 1";}
                MenuItem { text: "Option 2";}
                MenuItem { text: "Option 3";}
            }Menu {
                title: "Menu 2.2"
                MenuItem { text: "Option 1";}
                MenuItem { text: "Option 2";}
                MenuItem { text: "Option 3";}
            }
        }
        Menu {
            title: "Menu 3"
            Menu {
                title: "Menu 3.1"
                MenuItem { text: "Option 1";}
                MenuItem { text: "Option 2";}
                MenuItem { text: "Option 3";}
            }Menu {
                title: "Menu 3.2"
                MenuItem { text: "Option 1";}
                MenuItem { text: "Option 2";}
                MenuItem { text: "Option 3";}
            }
        }
    }
    MouseArea {
        anchors.fill: parent
        acceptedButtons: Qt.LeftButton | Qt.RightButton
        onClicked: {

                contextMenu.popup()
        }
        onPressAndHold: {
            if (mouse.source === Qt.MouseEventNotSynthesized)
                contextMenu.popup()
        }

    }

}