Close search dialog on click outside

Author: foxeddev

src/lib/sidebar/SidebarSearchDialog.svelte

@@ -37,7 +37,11 @@
   });
 </script>
 
-<svelte:window onkeydown={e => (e.key == "k" && e.ctrlKey ? showModalWithEvent(e) : null)} />
+<svelte:window
+  onkeydown={e => (e.key == "k" && e.ctrlKey ? showModalWithEvent(e) : null)}
+  onclick={e => {
+    e.target === dialog ? dialog.close() : null;
+  }} />
 
 <dialog
   bind:this={dialog}
@@ -82,6 +86,7 @@
             : results.length + " result(s) found!"}
     </p>
 
-    <button class="bg-stone-700 w-full rounded-sm p-2 mt-2 text-white cursor-pointer" onclick={() => dialog.close()}>Close</button>
+    <button class="bg-stone-700 w-full rounded-sm p-2 mt-2 text-white cursor-pointer" onclick={() => dialog.close()}
+      >Close</button>
   </div>
 </dialog>