From 384955777dfe0f69e13b1aa153d4e7b173924ae3 Mon Sep 17 00:00:00 2001
From: aforge <aforge@>
Date: Wed, 24 Aug 2022 12:36:10 +0300
Subject: [PATCH] Update host when user hits Enter in host selector.

---
 src/widgets/host-selector.jsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/widgets/host-selector.jsx b/src/widgets/host-selector.jsx
index bafd9862..74870d96 100644
--- a/src/widgets/host-selector.jsx
+++ b/src/widgets/host-selector.jsx
@@ -15,6 +15,7 @@ export default class HostSelector extends React.PureComponent {
 
     this.handleHostNameChange = this.handleHostNameChange.bind(this);
     this.handleEditingFinished = this.handleEditingFinished.bind(this);
+    this.handleKeyDown = this.handleKeyDown.bind(this);
   }
 
   handleHostNameChange(e) {
@@ -28,6 +29,12 @@ export default class HostSelector extends React.PureComponent {
     }
   }
 
+  handleKeyDown(e) {
+    if (e.key == 'Enter') {
+      this.handleEditingFinished();
+    }
+  }
+
   render() {
     var hostOptions = [];
     for (let key in KNOWN_HOSTS) {
@@ -40,7 +47,8 @@ export default class HostSelector extends React.PureComponent {
       <div className="panel-form-row">
         <input type="search" id="host-name" placeholder={this.props.hostName} list="known-hosts"
           className="quoted" value={this.state.hostName} onChange={this.handleHostNameChange}
-          onBlur={this.handleEditingFinished} required />
+          onBlur={this.handleEditingFinished}
+          onKeyDown={this.handleKeyDown} required />
         <datalist id="known-hosts">
           {hostOptions}
         </datalist>