TapHandler and stacked Panes

mzimmers

Hi all -

Consider the following example:

import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
Window {
    width: 640
    height: 480
    visible: true
    Pane {
        height: 100
        width: 100
        background: Rectangle { color: 'red' }
        Pane {
            anchors.centerIn: parent
            height: 50
            width: 50
            background: Rectangle { color: 'blue' }
        }
        TapHandler {
            onTapped: console.log("tapped!")
        }
    }
}

I want the TapHandler to operate on all of the outer Pane, but as coded, it doesn't accept clicks on the inner Pane. Any ideas on how to fix this?

Thanks...

mzimmers

I was able to obviate this problem by using Rectangle instead of Pane, but I'm still curious as to whether there's a way to enable the entire "outer" control (including the area of the inner Pane) to receive the TapHandler signal.

mzimmers

Evidently, there's no automatic way to get a control to pass a signal onto its parent control. So, I'll have to be careful about which QML objects I choose when constructing a complex control.