NInputButton properly uses NTextInput

Widgets/NInputButton.qml

@@ -36,41 +36,12 @@ ColumnLayout {
     Layout.fillWidth: true
     spacing: Style.marginM * scaling
 
-    // Input field container
-    Rectangle {
-      id: inputContainer
+    NTextInput{
+      id: input
       Layout.fillWidth: true
-      Layout.maximumWidth: root.maximumWidth > 0 ? root.maximumWidth : -1
-      implicitHeight: Style.baseWidgetSize * 1.1 * scaling
-
-      radius: Style.radiusM * scaling
-      color: Color.mSurface
-      border.color: input.activeFocus ? Color.mSecondary : Color.mOutline
-      border.width: Math.max(1, Style.borderS * scaling)
-
-      Behavior on border.color {
-        ColorAnimation {
-          duration: Style.animationFast
-        }
-      }
-
-      TextField {
-        id: input
-        anchors.left: parent.left
-        anchors.right: parent.right
-        anchors.verticalCenter: parent.verticalCenter
-        anchors.margins: Style.marginM * scaling
-
-        color: Color.mOnSurface
-        font.pointSize: Style.fontSizeS * scaling
-        font.family: Settings.data.ui.fontDefault
-        selectByMouse: true
-
-        background: Item {} // Remove default background since we have our own Rectangle
-
-        onTextChanged: root.inputTextChanged(text)
-        onEditingFinished: root.inputEditingFinished()
-      }
+      Layout.alignment: Qt.AlignVCenter
+      onTextChanged: root.inputTextChanged(text)
+      onEditingFinished: root.inputEditingFinished()
     }
 
     // Button

Widgets/NSearchableComboBox.qml

@@ -166,7 +166,6 @@ RowLayout {
           fontSize: Style.fontSizeS * scaling
         }
 
-        // Font list
         ListView {
           id: listView
           Layout.fillWidth: true

Widgets/NTextInput.qml

@@ -54,14 +54,6 @@ ColumnLayout {
       }
     }
 
-    // Block mouse events from going through
-    MouseArea {
-      anchors.fill: parent
-      z: -1 // Place behind the TextField
-      acceptedButtons: Qt.AllButtons
-      propagateComposedEvents: false
-    }
-
     TextField {
       id: input
 
@@ -92,5 +84,13 @@ ColumnLayout {
 
       onEditingFinished: root.editingFinished()
     }
+
+    // Block mouse events from going through to components behind this one
+    MouseArea {
+      anchors.fill: parent
+      z: -1 // Place behind the TextField
+      acceptedButtons: Qt.AllButtons
+      propagateComposedEvents: false
+    }
   }
-}
+}