diff --git a/docs/src/_includes/components/nav-search.html b/docs/src/_includes/components/nav-search.html index 531e81979572..ed8d3653234a 100644 --- a/docs/src/_includes/components/nav-search.html +++ b/docs/src/_includes/components/nav-search.html @@ -5,7 +5,8 @@ - + +
diff --git a/docs/src/_includes/components/search.html b/docs/src/_includes/components/search.html index 6f86571b7405..91f83e9ba412 100644 --- a/docs/src/_includes/components/search.html +++ b/docs/src/_includes/components/search.html @@ -5,8 +5,8 @@ - + - + diff --git a/docs/src/assets/js/search.js b/docs/src/assets/js/search.js index e9f3a5e58f78..4bd36775945a 100644 --- a/docs/src/assets/js/search.js +++ b/docs/src/assets/js/search.js @@ -18,8 +18,7 @@ const client = algoliasearch('L633P0C2IR', 'bb6bbd2940351f3afc18844a6b06a6e8'); const index = client.initIndex('eslint'); // page -const resultsElement = document.querySelector('#search-results'); -const searchInput = document.querySelector('#search'); +const searchInputs = document.querySelectorAll('input.search__input'); //----------------------------------------------------------------------------- // Helpers @@ -38,9 +37,10 @@ function fetchSearchResults(query) { /** * Removes any current search results from the display. + * @param {Element} resultsElement The HTML element used to display search results. * @returns {void} */ -function clearSearchResults() { +function clearSearchResults(resultsElement) { while (resultsElement.firstChild) { resultsElement.removeChild(resultsElement.firstChild); } @@ -49,11 +49,11 @@ function clearSearchResults() { /** * Displays the given search results in the page. * @param {Array