From 9662b4b11d39fc4f56ecaacfaec8982aeffdc405 Mon Sep 17 00:00:00 2001
From: Richard Feldman <oss@rtfeldman.com>
Date: Fri, 29 Nov 2024 12:57:55 -0500
Subject: [PATCH] Improve search result keyboard styling

---
 crates/docs/src/static/search.js  |  8 ++++++--
 crates/docs/src/static/styles.css | 13 ++++---------
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/crates/docs/src/static/search.js b/crates/docs/src/static/search.js
index 3ca1ac3e62..2aa8ba6e2a 100644
--- a/crates/docs/src/static/search.js
+++ b/crates/docs/src/static/search.js
@@ -148,9 +148,13 @@
                 // De-focus and clear input box
                 searchBox.value = "";
                 searchBox.blur();
-              } else if (searchTypeAhead.contains(document.activeElement)) {
+              } else {
+                // Hide the search results
                 searchTypeAhead.classList.add("hidden");
-                searchBox.focus();
+
+                if (searchTypeAhead.contains(document.activeElement)) {
+                  searchBox.focus();
+                }
               }
             }
         });
diff --git a/crates/docs/src/static/styles.css b/crates/docs/src/static/styles.css
index 5f188f6abe..405e73a23a 100644
--- a/crates/docs/src/static/styles.css
+++ b/crates/docs/src/static/styles.css
@@ -481,6 +481,10 @@ pre>samp {
   opacity: 1;
 }
 
+#module-search:focus {
+  outline: 2px solid var(--faded-color);
+}
+
 #search-type-ahead {
   font-family: var(--font-mono);
   display: flex;
@@ -532,20 +536,11 @@ pre>samp {
   position: relative;
 }
 
-#search-type-ahead:hover li:focus-within a:focus {
-  background: none;
-}
-
 #search-type-ahead a:focus {
   outline: none;
   background: var(--violet-bg);
 }
 
-#search-type-ahead a:hover {
-  background: var(--violet-bg) !important;
-  text-decoration: none;
-}
-
 #search-link {
   box-sizing: border-box;
   display: none;