Close the About modal by pressing enter or escape

a-b-street · Jan 21, 2024 · 9eb5db8 · 9eb5db8
1 parent e50c063
commit 9eb5db8
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/web/src/common/Modal.svelte b/web/src/common/Modal.svelte
@@ -11,9 +11,16 @@
       }
     }
   }
+
+  function onKeyDown(e: KeyboardEvent) {
+    if (e.key == "Escape" || e.key == "Enter") {
+      e.stopPropagation();
+      dialog.close();
+    }
+  }
 </script>
 
-<svelte:window on:click={onClick} />
+<svelte:window on:click={onClick} on:keydown={onKeyDown} />
 
 <dialog open on:close bind:this={dialog}>
   <div>