Flickable below an item still scrolling

[ntadej]

I have a Qt use case, where I draw a semi-transparent overlay over a Flickable (for example GridView). If I scroll the mouse over the overlay, I would like flickable below not to scroll. Is there a simple way to achieve that (not do disable and enable flickable each time I hide/show overlay)?

Example code:
@import QtQuick 2.1

Rectangle {
width: 360
height: 360

Flickable {
    anchors.fill: parent
    contentWidth: 360
    contentHeight: 500

    Rectangle {
        width: 360
        height: 500

        Rectangle {
            anchors.centerIn: parent
            color:"red"
            width: 360
            height: 10
        }
    }
}

Rectangle {
    anchors.fill: parent
    color: "#99000000"
}

}

@

[p3c0]

Hi,

If I understood you correctly you could set "interactive":http://doc.qt.io/qt-5/qml-qtquick-flickable.html#interactive-prop when you dont want to scroll.

[ntadej]

I know that, I was wondering if there is a more general way to catch all mouse events using one Item and don't pass them through to items below.

[p3c0]

Well since that semi transparent rect is your overlay you can define a MouseArea for it and then accept all the wheel events thus stopping it from propagating.
@
Rectangle {
anchors.fill: parent
color: "#99000000"

MouseArea {
    anchors.fill: parent
    onWheel: wheel.accepted = true
}

}
@