replace FlickableType with ListViewType in PageSetupWizardTextKey

client/ui/qml/Pages2/PageSetupWizardTextKey.qml

@@ -13,25 +13,31 @@ import "../Config"
 PageType {
     id: root
 
-    FlickableType {
+    BackButtonType {
-        id: fl
+        id: backButton
+
         anchors.top: parent.top
-        anchors.bottom: parent.bottom
+        anchors.left: parent.left
-        contentHeight: content.height
+        anchors.right: parent.right
+        anchors.topMargin: 20
 
-        ColumnLayout {
+        onFocusChanged: {
-            id: content
+            if (this.activeFocus) {
-
+                listView.positionViewAtBeginning()
-            anchors.top: parent.top
-            anchors.left: parent.left
-            anchors.right: parent.right
-
-            spacing: 16
-
-            BackButtonType {
-                id: backButton
-                Layout.topMargin: 20
             }
+        }
+    }
+
+    ListViewType {
+        id: listView
+
+        anchors.top: backButton.bottom
+        anchors.bottom: parent.bottom
+        anchors.right: parent.right
+        anchors.left: parent.left
+
+        header: ColumnLayout {
+            width: listView.width
 
             BaseHeaderType {
                 Layout.fillWidth: true
@@ -41,6 +47,13 @@ PageType {
                 headerText: qsTr("Connection key")
                 descriptionText: qsTr("A line that starts with vpn://...")
             }
+        }
+
+        spacing: 16
+        model: 1 // fake model to force the ListView to be created without a model
+
+        delegate: ColumnLayout {
+            width: listView.width
 
             TextFieldWithHeaderType {
                 id: textKey
@@ -60,23 +73,26 @@ PageType {
                 }
             }
         }
-    }
 
-    BasicButtonType {
+        footer: ColumnLayout {
-        id: continueButton
+            width: listView.width
 
-        anchors.bottom: parent.bottom
+            BasicButtonType {
-        anchors.left: parent.left
+                id: continueButton
-        anchors.right: parent.right
-        anchors.rightMargin: 16
-        anchors.leftMargin: 16
-        anchors.bottomMargin: 32
 
-        text: qsTr("Continue")
+                Layout.fillWidth: true
+                Layout.rightMargin: 16
+                Layout.leftMargin: 16
+                Layout.topMargin: 16
+                Layout.bottomMargin: 32
 
-        clickedFunc: function() {
+                text: qsTr("Continue")
-            if (ImportController.extractConfigFromData(textKey.textField.text)) {
+
-                PageController.goToPage(PageEnum.PageSetupWizardViewConfig)
+                clickedFunc: function() {
+                    if (ImportController.extractConfigFromData(textKey.textField.text)) {
+                        PageController.goToPage(PageEnum.PageSetupWizardViewConfig)
+                    }
+                }
             }
         }
     }