From 3e1b676fec428ac88b7866d3dadf33c8fdde0236 Mon Sep 17 00:00:00 2001
From: Puru Vijay <devpuruvj@gmail.com>
Date: Wed, 15 Feb 2023 23:00:52 +0530
Subject: [PATCH] FIx accessibility issues

---
 sites/svelte.dev/src/lib/search/SearchBox.svelte | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/sites/svelte.dev/src/lib/search/SearchBox.svelte b/sites/svelte.dev/src/lib/search/SearchBox.svelte
index 3f37c6917e..b456db9464 100644
--- a/sites/svelte.dev/src/lib/search/SearchBox.svelte
+++ b/sites/svelte.dev/src/lib/search/SearchBox.svelte
@@ -109,7 +109,7 @@
 />
 
 {#if $searching && ready}
-	<div class="modal-background" on:click={close} />
+	<div class="modal-background" on:click={close} on:keyup={(e) => e.key === ' ' && close()} />
 
 	<div
 		bind:this={modal}
@@ -140,9 +140,7 @@
 						modal.querySelector('a[data-has-node]')?.click();
 					}
 				}}
-				on:input={(e) => {
-					$query = e.target.value;
-				}}
+				on:input={(e) => ($query = e.currentTarget.value)}
 				value={$query}
 				placeholder="Search"
 				aria-describedby="search-description"