Add a tabChangesFocus property to TextArea for KeyNavigation behavior

Merge-request: 4
Reviewed-by: Jens Bache-Wiig <jens.bache-wiig@nokia.com>

components/TextArea.qml

@@ -12,6 +12,7 @@ ScrollArea {
     property alias text: edit.text
     property alias wrapMode: edit.wrapMode
     property alias readOnly: edit.readOnly
+    property bool tabChangesFocus: false
 
     highlightOnFocus: true
     property int documentMargins: 4
@@ -36,6 +37,10 @@ ScrollArea {
                 colorGroup: enabled ? SystemPalette.Active : SystemPalette.Disabled
             }
 
+            KeyNavigation.priority: KeyNavigation.BeforeItem
+            KeyNavigation.tab: area.tabChangesFocus ? area.KeyNavigation.tab : null
+            KeyNavigation.backtab: area.tabChangesFocus ? area.KeyNavigation.backtab : null
+
             onPaintedSizeChanged: {
                 area.contentWidth = paintedWidth + (2 * documentMargins)
             }