Good start to multi-window

src-web/components/core/Dropdown.tsx

@@ -3,7 +3,7 @@ import FocusTrap from 'focus-trap-react';
 import { motion } from 'framer-motion';
 import type { CSSProperties, HTMLAttributes, MouseEvent, ReactElement, ReactNode } from 'react';
 import { Children, cloneElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { useKeyPressEvent, useMount } from 'react-use';
+import { useKeyPressEvent } from 'react-use';
 import { Portal } from '../Portal';
 import { Separator } from './Separator';
 import { VStack } from './Stacks';
@@ -83,10 +83,6 @@ interface MenuProps {
 function Menu({ className, items, onClose, triggerRect }: MenuProps) {
   if (triggerRect === undefined) return null;
 
-  useMount(() => {
-    console.log(document.activeElement);
-  });
-
   const containerRef = useRef<HTMLDivElement | null>(null);
   const [menuStyles, setMenuStyles] = useState<CSSProperties>({});
 
@@ -98,6 +94,10 @@ function Menu({ className, items, onClose, triggerRect }: MenuProps) {
     setMenuStyles({ maxHeight: windowBox.height - menuBox.top - 5 });
   }, []);
 
+  useKeyPressEvent('Escape', () => {
+    onClose();
+  });
+
   useKeyPressEvent('ArrowUp', () => {
     setSelectedIndex((currIndex) => {
       let nextIndex = (currIndex ?? 0) - 1;