enable search field autofocus

layouts/partials/head.html

@@ -29,7 +29,8 @@
             zero_results: "Leider konnten keine Ergebnisse zu [SEARCH_TERM] gefunden werden",
             clear_search: "Löschen"
           }
-      });
+        });
+        document.getElementsByClassName("pagefind-ui__search-input")[0].autofocus=true;
     });
   </script>
 

layouts/partials/header.html

@@ -67,7 +67,7 @@
             {{ end }}
             {{ end }}
             <li class="nav-item">
-              <div class="nav-link nav-search" onclick="$('#pagefind-search').modal('show');">Suche</button>
+              <div class="nav-link nav-search" id="search-button" onclick="$('#pagefind-search').modal('show');">Suche</div>
             </li>
           </ul>
         </div>