title: How to change cursor shape in qml when MouseArea is covered with another MouseArea
body: <p>There are two MouseAreas with two different responsibilities and one (<em>green</em>) is positioned partially on top of the other (<em>red</em>). I would like to change cursor's shape whenever <em>red</em> MA is hovered (even if it is under the <em>green</em> MA), and I would like <em>green</em> MA to react to press and nothing else.</p>
  <p>Two MA's could be in different files so I don't want to make explicit dependencies between them like setting proper cursorShape in <em>green</em> whenever containsMouse in <em>red</em> changes. Is there a way to prevent the <em>green</em> MouseArea from handling cursor shape?</p>
  <pre><code>import QtQuick 2.4
  import QtQuick.Window 2.2
  
  Window {
      visible: true
      width: 200
      height: 200
  
      Rectangle { anchors.fill: parent; color: &quot;yellow&quot;; }
  
      MouseArea {
          width: 150
          height: 150
          hoverEnabled: true
          cursorShape: Qt.OpenHandCursor
          Rectangle { anchors.fill: parent; color: &quot;red&quot;; }
          onPositionChanged: console.log(&quot;position&quot;, mouse.x, mouse.y)
          onContainsMouseChanged: console.log(&quot;containsMouse&quot;, containsMouse)
      }
      MouseArea {
          x: 50
          y: 50
          width: 150
          height: 150
          hoverEnabled: false
          Rectangle { anchors.fill: parent; color: &quot;green&quot;; }
          onPressed: console.log(&quot;Ahoj!&quot;)
      }
  }
  </code></pre>