title: MouseArea stole QML element's mouse events
body: <p>If I put a <code>MouseArea</code> on a QML element, then <code>MouseArea</code> will steal all mouse events.
  Thus, <code>TextEdit</code> will be uneditable and unselectable.</p>
  <pre><code>TextEdit {
      // some properties
      MouseArea {
          // some properties
          onClicked: { /* do something */ }
      }
  }
  </code></pre>
  <p>Is there a way to solve it?</p>
  <p>By the way, if I put a large <code>MouseArea</code> on another <code>MouseArea</code>, larger <code>MouseArea</code> will steal all mouse events. How do I solved it? I think passing on mouse events manually can solve that, but how to do it?</p>