diff --git a/src/cases/CybersecMenu.tsx b/src/cases/CybersecMenu.tsx index 393c001..366df88 100644 --- a/src/cases/CybersecMenu.tsx +++ b/src/cases/CybersecMenu.tsx @@ -83,23 +83,26 @@ const CybersecMenu: React.FC = ({ onSelectLevel, onOpenWiki, }, []); // Keyboard navigation - useEffect(() => { - const handleKey = (e: KeyboardEvent) => { - const map: Record void> = { - '1': () => selectLevel(1), - '2': () => selectLevel(2), - '3': () => selectLevel(3), - '4': () => selectLevel(4), - '5': () => selectLevel(5), - '6': () => selectLevel('deepfake'), - 'w': openWiki, 'W': openWiki, - 'q': openQuiz, 'Q': openQuiz, - }; - map[e.key]?.(); - }; - window.addEventListener('keydown', handleKey); - return () => window.removeEventListener('keydown', handleKey); - }, [selectLevel, openWiki, openQuiz]); +// useEffect(() => { +// const handleKey = (e: KeyboardEvent) => { +// const tag = (e.target as HTMLElement)?.tagName; +// if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') return; +// if ((e.target as HTMLElement)?.isContentEditable) return; +// const map: Record void> = { +// '1': () => selectLevel(1), +// '2': () => selectLevel(2), +// '3': () => selectLevel(3), +// '4': () => selectLevel(4), +// '5': () => selectLevel(5), +// '6': () => selectLevel('deepfake'), +// 'w': openWiki, 'W': openWiki, +// 'q': openQuiz, 'Q': openQuiz, +// }; +// map[e.key]?.(); +// }; +// window.addEventListener('keydown', handleKey); +// return () => window.removeEventListener('keydown', handleKey); +// }, [selectLevel, openWiki, openQuiz]); // Glitch effect on title useEffect(() => {