supress enter keypresses in HTML input search fields (new UI)

see #295
ImageMonkey · Sep 15, 2021 · a3b126b · a3b126b
1 parent 20dca80
commit a3b126b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/webui/html/components/annotationbrowseform.html b/src/webui/html/components/annotationbrowseform.html
@@ -3,7 +3,7 @@
 <div class="row" id="annotation-query-search-container" v-if="visible">
   <div class="four wide column"></div>
   <div class="eight wide center aligned column">
-    <form class="ui form segment">
+    <form class="ui form segment" onsubmit="return false;" v-on:keyup="onKeyup"> <!-- do not handle enter key presses in HTML form-->
       <div class="field">
        <p class="default-text">Search for annotation tasks you are interested in</p>
        <div class="ui action input">

diff --git a/src/webui/js/components/annotationbrowseform.js b/src/webui/js/components/annotationbrowseform.js
@@ -127,6 +127,13 @@ AnnotationBrowseFormComponent = {
                 this.searchQuery = query;
                 this.search();
             }
+        },
+        onKeyup: function(event) {
+            if (event.key == "Enter") {
+                event.preventDefault();
+                event.target.blur();
+                this.search();
+            }
         }
     },
     beforeDestroy: function() {
@@ -141,4 +148,4 @@ AnnotationBrowseFormComponent = {
         EventBus.$on("unifiedModeImageGridCurrentlyShownImagesUpdated", this.onUnifiedModeImageGridCurrentlyShownImagesUpdated);
         EventBus.$on("loadAnnotationBrowseFormLabels", this.onLoadAnnotationBrowseFormLabels);
     }
-};
+};