Multiple hovers are incorrect when children are outside parent

import QtQuick 2.0

Item {
    width: 400; height: 400

    Rectangle {
        width: 300; height: 300
        anchors.centerIn: parent
        color: ma1.containsMouse ? "green" : "blue"
        MouseArea {
            id: ma1
            anchors.fill: parent
            hoverEnabled: true

            Rectangle {
                width: 200; height: 200 // + 200 // uncomment to see issue
                anchors.centerIn: parent
                color: ma2.containsMouse ? "yellow" : "orange"
                MouseArea {
                    id: ma2
                    anchors.fill: parent
                    hoverEnabled: true
                }
            }
        }
    }
}