Submenu animations?

[Archie888]

I'm going to implement an experimental context menu navigation scheme, where the submenu moves towards the cursor, so that the navigation is faster, instead of having to move the cursor all the way to the side of the menu item (submenu heading in this case) to select a menu item in the submenu.

Question: Would I need to roll out my own menus for this?

I can't seem to be able to move a submenu in any way, with relation to the parent menu. NumberAnimation on x does not work. Also "overlap" property change does not do anything when the submenu is open and on the screen. Also it does not seem that anchoring is used, leftMargin could otherwise be animated, or so on.

    Menu {
        id: fileMenu
        title: qsTr("File")

        Menu {
            id: fileActionsSubMenu
            title: qsTr("File Actions")

            NumberAnimation on x { to: -50; duration: 500 } //Does nothing

            MenuItem {
                text: "New..."
            }
            MenuItem {
                text: "Open..."
            }
            MenuItem {
                text: "Save"
            }
        }
    }