fix focusout bug

Author: MAX-786

docs/_templates/page.html

@@ -20,9 +20,14 @@
             }
         });
         if (navigator.platform.indexOf('Mac') === -1) $('#search-shortcut-sidebar').html("^K"); // if OS isn't Mac change Visual indication of search field
+
+        // Show & hide seach input when focusin & focusout
         $('#search-input').focus(() => {
             $('#search-shortcut-sidebar').hide();
         });
+        $('#search-input').focusout(() => {
+            $('#search-shortcut-sidebar').show();
+        })
     </script>
 
 {% endblock %}

docs/_templates/search.html

@@ -49,7 +49,7 @@ <h1 id="search-documentation">{{ _('Search') }}</h1>
       <div class="row">
         <div class="input-group col-xl-8 mb-2">
           <input
-            type="text" name="q" id="q"
+            type="search" name="q" id="q"
             class="form-control"
             placeholder="Search the docs…"
             aria-labelledby="search-documentation" value="" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"/>