NumberAnimation on enter/exit of Menu is not working with negative starting value

import QtQuick 2.12
import QtQuick.Controls 2.12

ApplicationWindow {
    id: app
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    Column {
        anchors.centerIn: parent
        spacing: 20
        Button {
            text: "Open"
            onClicked: menu.open()

        }
        Button {
            text: "Close"
            onClicked: menu.close()
        }
    }

    Menu {
        id: menu
        height: app.height

        enter: Transition {
            NumberAnimation { property: "x"; from: -200; to: 0;duration: 5000 ;easing.type: Easing.OutQuad }
        }
        exit: Transition {
            NumberAnimation { property: "x"; from: 0; to: -200;duration: 5000 ;easing.type: Easing.InQuad }
        }

        MenuItem {
            text: "some text 1"
        }
        MenuItem {
            text: "some text 2"
        }
        MenuItem {
            text: "some text 3"
        }
    }
}