Make search function properly with tab navigation (#700)

Implemented for Rietveld. After that site has updated to the a ginger version including this commit, the workaround in commit 893baf8f00ea6d628e58a28779caab0b8ee13cc6. Co-authored-by: Colin de Roos <colin@driebit.nl>
driebit · Apr 13, 2022 · 48e1aa8 · 48e1aa8
1 parent d5976ff
commit 48e1aa8
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/modules/mod_ginger_base/lib/js/search-suggestions.js b/modules/mod_ginger_base/lib/js/search-suggestions.js
@@ -49,6 +49,11 @@
                     this._closeSearch();
                 }
                 break;
+
+                case 'OnBlur': {
+                    this._closeSearch();
+                }
+                break;
             }
         },
 
@@ -122,12 +127,16 @@
 
             }
 
-            $(document).on('keyup', function(e) {
+            me.element.on('keyup', function(e) {
                 if (e.keyCode === 13) {
                     me.update('OnReturnPressed');
                 }
             });
 
+            me.element.on('blur', function() {
+                me.update('OnBlur');
+            })
+
             me.element.on('keyup', function(e) {
                 var key = e.keyCode;
                 var inputValue = e.currentTarget.value;