crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-06-18 13:11:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

A nice focus trap :D

Browse Source
This commit is contained in:
Belen Curcio 2021-01-04 17:43:33 -03:00
parent 4f3ce796d1
commit 885a7ccdc1
1 changed files with 1 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/ui/Modal/Modal.tsx
View File

@ -16,12 +16,10 @@ interface Props {
onEnter?: () => void | null onEnter?: () => void | null
} }
// Todo: Drag focus to component
const Modal: FC<Props> = ({ children, open, onClose, onEnter = null }) => { const Modal: FC<Props> = ({ children, open, onClose, onEnter = null }) => {
const ref = useRef() as React.MutableRefObject<HTMLDivElement> const ref = useRef() as React.MutableRefObject<HTMLDivElement>
const handleKey = (e: KeyboardEvent<HTMLDivElement>) => { const handleKey = (e: KeyboardEvent) => {
if (e.key === 'Escape') { if (e.key === 'Escape') {
return onClose() return onClose()
} }