Clear search on esc

1 files changed, 7 insertions, 4 deletions

diff --git a/framework/qml/MailListView.qml b/framework/qml/MailListView.qml
index ffdacdbe..e918cebf 100644
--- a/framework/qml/MailListView.qml
+++ b/framework/qml/MailListView.qml
@@ -76,6 +76,11 @@ FocusScope {
             color: Kube.Colors.buttonColor
             visible: false
 
+            function clearSearch() {
+                filterField.visible = false
+                mailListModel.filter = ""
+            }
+
             RowLayout {
                 anchors {
                     verticalCenter: parent.verticalCenter
@@ -87,10 +92,7 @@ FocusScope {
                 Kube.IconButton {
                     iconName: Kube.Icons.remove
                     activeFocusOnTab: visible
-                    onClicked: {
-                        filterField.visible = false
-                        mailListModel.filter = ""
-                    }
+                    onClicked: filterField.clearSearch()
                 }
 
                 Kube.TextField {
@@ -100,6 +102,7 @@ FocusScope {
                     onTextChanged: mailListModel.filter = text
                     activeFocusOnTab: visible
                     focus: visible
+                    Keys.onEscapePressed: filterField.clearSearch()
                 }
             }
         }