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

Retry to focus

Browse Source
This commit is contained in:
Belen Curcio 2021-01-06 11:12:41 -03:00
parent d53e517f8b
commit 1664a2377a
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
lib/focus-trap.tsx
View File

@ -3,9 +3,10 @@ import { tabbable } from 'tabbable'
interface Props { interface Props {
children: React.ReactNode | any children: React.ReactNode | any
focusFirst: boolean
} }
export default function FocusTrap({ children }: Props) { export default function FocusTrap({ children, focusFirst = false }: Props) {
const root: RefObject<any> = React.useRef() const root: RefObject<any> = React.useRef()
const anchor: RefObject<any> = React.useRef(document.activeElement) const anchor: RefObject<any> = React.useRef(document.activeElement)
@ -17,9 +18,12 @@ export default function FocusTrap({ children }: Props) {
} }
const trapFocus = () => { const trapFocus = () => {
// Focus the container element
if (root.current) { if (root.current) {
root.current.focus() root.current.focus()
selectFirstFocusableEl() if (focusFirst) {
selectFirstFocusableEl()
}
} }
} }