Adding better integration with keyboard navigation for the search.

js-src/index.js

@@ -47,6 +47,7 @@ function addListenersSearch() {
                 const searchOverlay = document.querySelector('div.search-overlay');
                 const searchInput = searchOverlay.querySelector('div.search input');
                 searchInput.value = fakeSearchInput.value;
+                onSearchChange(e)
             }
             onFakeSearchClick(e)
         });

templates/layouts/default.html.ep

@@ -35,7 +35,7 @@
     <div class="search-overlay">
         <div class="bounding-search-bar">
 %= include 'page/_search_bar'
-            <a class="exit-search">
+            <a href="#" class="exit-search">
                 <img alt="Exit search" src="/img/exit.svg"/>
             </a>
         </div>

templates/page/_search_bar.html.ep

@@ -1,4 +1,4 @@
-<div tabindex="0" class="search">
+<div class="search">
     <div class="search-icon">
         <img alt="" src="/img/search.svg"/>
     </div>