Menu will always close when clicking outside the menu, press Escape to close open menu

src/components/menu.tsx

@@ -40,18 +40,26 @@ const MyMenu: Component<MenuProps> = (
             }
         }
 
+        function keypress(e: KeyboardEvent): void {
+            if (e.key === "Escape") {
+                closeMenu();
+            }
+        }
+
         if (isOpen()) {
             document.addEventListener("click", click);
+            document.addEventListener("keyup", keypress);
         }
         else {
             document.removeEventListener("click", click);
+            document.removeEventListener("keyup", keypress);
         }
     });
 
     return ( // TODO transition
         <div class={ `${ className }` } id={ id }>
 
-            <Button title={ title ?? undefined }
+            <Button title={ title }
                     onClick={ toggleMenu }
                     className={ `flex-row-center ${ buttonClassName }` }>
                 { button }