Klectr/KSlab
1
0
Fork 0
generated from Klectr/KTemplate
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(contextmenu): adds escape keyevent closing menu

Browse Source
This commit is contained in:
Triston Armstrong 2024-10-12 13:31:15 -04:00
parent c50ba5b2b4
commit a2259f40ed
Signed by: tristonarmstrong
GPG Key ID: A23B48AE45EB6EFE
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ContextMenuPortal.tsx
View File

@ -1,4 +1,4 @@
import { useClickOutside, useMouse } from "@kaioken-core/hooks"; import { useClickOutside, useKeyStroke, useMouse } from "@kaioken-core/hooks";
import { Portal, signal, useEffect, useRef } from "kaioken"; import { Portal, signal, useEffect, useRef } from "kaioken";
namespace ContextMenuPortal { namespace ContextMenuPortal {
@ -20,6 +20,14 @@ export function ContextMenuPortal({ children, open, closeAction }: ContextMenuPo
useEffect(() => { useEffect(() => {
if (!open) return if (!open) return
pos.value = { x: mouse.x, y: mouse.y } pos.value = { x: mouse.x, y: mouse.y }
function _handleEscapeKey(e: KeyboardEvent) {
if (e.key !== "Escape") return
closeAction?.()
}
document.addEventListener("keydown", _handleEscapeKey)
return () => {
document.removeEventListener("keydown", _handleEscapeKey)
}
}, [open]) }, [open])
if (!open) return null if (!open) return null