title: Gridview and MouseArea inside conflict
body: <p>I have code like this:</p>
  
  <pre><code>import QtQuick 2.0
  import QtQuick.Window 2.0
  
  Window {
      visible: true
      width: 500
      height: 500
  
      GridView {
          id: grid
          anchors.fill: parent
          cellWidth: 30
          cellHeight: 30
          model: 120
          delegate: Rectangle {
              width: grid.cellWidth
              height: grid.cellHeight
              color: "grey"
          }
  
          MouseArea {
              anchors.fill: parent
              onPressed: console.info("&gt;&gt; PRESSED triggered")
              onMouseXChanged: console.info("&gt;&gt; " + mouseX)
              onReleased: console.info("&gt;&gt; RELEASED triggered")
              preventStealing: true
              propagateComposedEvents: true
          }
      }
  }
  </code></pre>
  
  <p>When I hold mouse button down and move it strictly along X axis, all the signals in <code>MouseArea</code>  trigger. But when the mouse is also moved up or down, along Y axis, the <code>onMouseXChanged</code> and <code>onReleased</code> signals do not trigger. It seems that <code>GridView</code> intercepts <code>MouseArea</code>'s signals, stealing them from the <code>MouseArea</code>. How can I make them work together: <code>GridView</code> with <code>MouseArea</code> inside?</p>