Fix layout recomputation

Author: GuillaumeGomez

util/gh-pages/index_template.html

@@ -55,6 +55,7 @@ <h1>Clippy Lints</h1> {# #}
                 Sorry, this site only works with JavaScript! :( {# #}
             </div> {# #}
         </noscript> {# #}
+        <script src="script.js"></script> {# #}
 
         <div> {# #}
             <div class="panel panel-default"> {# #}
@@ -144,7 +145,6 @@ <h1>Clippy Lints</h1> {# #}
             </div> {# #}
             <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js"></script> {# #}
             <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/languages/rust.min.js"></script> {# #}
-            <script src="script.js"></script>
             {% for lint in lints %}
                 <article class="panel panel-default collapsed" id="{{lint.id}}"> {# #}
                     <header class="panel-heading" onclick="expandLint('{{lint.id}}')"> {# #}
@@ -197,6 +197,11 @@ <h2 class="panel-title"> {# #}
                 </article>
             {% endfor %}
         </div> {# #}
+        <script>
+generateSettings(); {# #}
+generateSearch(); {# #}
+parseURLFilters(); {# #}
+</script> {# #}
     </div> {# #}
 
     <a {#+ #}

util/gh-pages/script.js

@@ -1,6 +1,6 @@
 window.searchState = {
     timeout: null,
-    inputElem: document.getElementById("search-input"),
+    inputElem: null,
     lastSearch: '',
     clearInput: () => {
         searchState.inputElem.value = "";
@@ -513,6 +513,7 @@ function generateSettings() {
 }
 
 function generateSearch() {
+    searchState.inputElem = document.getElementById("search-input");
     searchState.inputElem.addEventListener("change", handleInputChanged);
     searchState.inputElem.addEventListener("input", handleInputChanged);
     searchState.inputElem.addEventListener("keydown", handleInputChanged);
@@ -571,9 +572,6 @@ document.getElementById("disable-shortcuts").checked = disableShortcuts;
 document.addEventListener("keypress", handleShortcut);
 document.addEventListener("keydown", handleShortcut);
 
-generateSettings();
-generateSearch();
-parseURLFilters();
 window.addEventListener('DOMContentLoaded', () => {
     scrollToLintByURL();
     filters.filterLints();