title: Prevent QML MouseArea from taking focus when pressed
body: <p>In my application, I have a <code>TextArea</code>, and under it a toolbar with <code>Button</code> items. Whenever a <code>Button</code> gets pressed, the <code>TextArea</code> loses focus, and hides the virtual keyboard (which is right). But what if I want the <code>TextArea</code> to keep its focus, even if a <code>Button</code> has been pressed?</p>
  
  <p>In SailfishOS, <code>Button</code> is just a <code>MouseArea</code>, not a QML <code>Button</code>. This means there is no property <code>Button.activeFocusOnPress</code> that I could set to <code>false</code>. Is there a way to replicate this behaviour for the <code>MouseArea</code>?</p>
  
  <p>Here's some code:</p>
  
  <pre><code>    TextArea {
        id: editor
        width: parent.width
        height: 200
        anchors.top: pageHeader.bottom
        anchors.bottom: toolbar.top
      }
  
      ListModel {
        id: textNavButtons
        ListElement {buttonText: "left"}
        ListElement {buttonText: "right"}
        ListElement {buttonText: "tab"}
        ListElement {buttonText: "home"}
        ListElement {buttonText: "end"}
      }
  
      Row {
        id: toolbar
        anchors.bottom: parent.bottom
        width: parent.width
        height: 80
  
        Repeater {
          id: toolbarRepeater
          model: textNavButtons
          property int modelCount: model.count
  
          delegate: Button {
            text: buttonText
            width: parent.width / toolbarRepeater.modelCount
            onClicked: {
              console.log("I was clicked: " + text);
            }
          }
        }
      }
  </code></pre>
  
  <p>EDIT: My goal is to use these buttons to insert tabs into the text, or to navigate with Home, End, Left, Right etc. I'm not sure if using these buttons will achieve the goal, but I had no other idea. I will have to simulate the keypress too.</p>