pw_docs: Fix search results increasing in width

Change-Id: Ida3c743f41b4e74610953602a9d6a00b68411945 Reviewed-on: https://pigweed-review.googlesource.com/c/pigweed/pigweed/+/215332 Reviewed-by: Kayce Basques <[email protected]> Commit-Queue: Asad Memon <[email protected]> Lint: Lint 🤖 <[email protected]>
google · Jun 13, 2024 · c07f0fa · c07f0fa
1 parent 7578677
commit c07f0fa
Showing 1 changed file with 2 additions and 5 deletions.
diff --git a/pw_docgen/py/pw_docgen/sphinx/inlinesearch/js/searchbox.js b/pw_docgen/py/pw_docgen/sphinx/inlinesearch/js/searchbox.js
@@ -66,7 +66,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
       results = window.fuzzysort.go(query, index, { key: 'title' });
       searchResults.innerHTML = '';
-      searchResults.style.display = 'block';
+      searchResults.style.display = 'grid';
 
       if (results.length === 0) {
         searchResults.innerHTML = '<li><a href="#">No results found</a></li>';
@@ -80,10 +80,7 @@ document.addEventListener('DOMContentLoaded', () => {
       searchResults.style.width =
         Math.max(
           searchField.offsetWidth,
-          Array.from(searchResults.children).reduce(
-            (max, child) => Math.max(max, child.offsetWidth),
-            0,
-          ) + 20,
+          searchResults.querySelector('li').offsetWidth,
         ) + 'px';
     }