Merge pull request #537 from erwindon/esc-close

use ESC to close the command-box

Author: erwindon

saltgui/static/scripts/CommandBox.js

@@ -416,16 +416,11 @@ export class CommandBox {
 
     const targetField = document.getElementById("target");
     TargetType.autoSelectTargetType(targetField.value);
-    targetField.onkeyup = (keyUpEvent) => {
-      if (keyUpEvent.key === "Escape") {
-        CommandBox.hideManualRun();
-      }
-    };
 
-    const commandField = document.getElementById("command");
-    commandField.onkeyup = (keyUpEvent) => {
+    document.onkeyup = (keyUpEvent) => {
       if (keyUpEvent.key === "Escape") {
         CommandBox.hideManualRun();
+        keyUpEvent.stopPropagation();
       }
     };
 
@@ -455,6 +450,8 @@ export class CommandBox {
       targetList.appendChild(option);
     }
 
+    const commandField = document.getElementById("command");
+
     // give another field (which does not have a list) focus first
     // because when a field gets focus 2 times in a row,
     // the dropdown box opens, and we don't want that...

saltgui/static/scripts/Utils.js

@@ -348,11 +348,11 @@ export class Utils {
 
     // hide/show search box (the block may become more complicated later)
     const input = pSearchBlock.querySelector("input");
-    input.onkeyup = (ev) => {
-      if (ev.key === "Escape") {
+    input.onkeyup = (keyUpEvent) => {
+      if (keyUpEvent.key === "Escape") {
         Utils._updateTableFilter(pTable, "", menuItems);
         Utils.hideShowTableSearchBar(pSearchBlock, pTable);
-        // return;
+        keyUpEvent.stopPropagation();
       }
     };
     input.oninput = () => {