fix reset button

Author: MAX-786

docs/_static/search_shortcut.js

@@ -12,6 +12,14 @@
                 $('#q').focus();
             }
         });
+
+        // $("button[type='reset']").on('click',function () {
+        //     const formInputs = $('#search-form').find('.form-check-input');
+        //     if(formInputs.length) {
+        //         formInputs.prop('checked',false);
+        //         formInputs.find('#doc_section_all').prop('checked',true);
+        //     }
+        // });
     } else {
         $(document).keydown(function(event) {
             if ((event.ctrlKey || event.metaKey) && event.key == "k") {

docs/_templates/search.html

@@ -62,23 +62,25 @@ <h1 id="search-documentation">{{ _('Search') }}</h1>
             aria-labelledby="{{ _(theme_search_bar_text) }}"
             value="" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
           />
+          <div class="input-group-append">
+            <button
+              type="reset"
+              class="btn btn-light"
+            ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16">
+              <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
+            </svg></button>
+          </div>
           <div class="input-group-append">
             <button type="submit" class="btn btn-primary">{{ _('search') }}</button>
           </div>
-          <!-- <div class="input-group-append">
-            <button
-              type="button"
-              class="clear_search btn btn-secondary"
-            >{{ _('reset') }}</button>
-          </div> -->
         </div>
       </div>
 
       <div class="form row mb-2">
         <label for="doc_section" class="col sr-only">Filter by section</label>
         <div class="col">
           <div class="form-check">
-            <input class="form-check-input" type="radio" name="doc_section" id="doc_section_all" value="all">
+            <input class="form-check-input" type="radio" name="doc_section" id="doc_section_all" value="all" checked>
             <label class="form-check-label" for="doc_section_all">
               All Documentation
             </label>