Flickable and PinchArea are not working well together

import QtQuick 2.3
import QtQuick.Window 2.2

Window {
    id : window
    visible: true

    Flickable {
        id : flickable
        anchors.fill: parent
        interactive: true
        contentWidth: container.width
        contentHeight: container.height
        flickableDirection: Flickable.HorizontalAndVerticalFlick

        PinchArea {
            pinch.target : container
            pinch.maximumScale: 8
            pinch.minimumScale: 0.5

            anchors.fill: parent
            onPinchStarted: {
                console.log("pinch started");
                flickable.interactive = false
            }

            onPinchFinished: {
                flickable.interactive = true;
            }
        }


        Item {
            id: container

            width: window.width
            height: window.height
            Rectangle {
                anchors.centerIn: parent
                width: window.width * 0.5
                height: window.height * 0.5
                color : "red"
            }
        }
    }
}