crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-06-30 02:11:21 +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:16:31 -03:00
parent 1664a2377a
commit 6816851630
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -52,7 +52,7 @@ const Modal: FC<Props> = ({ children, open, onClose, onEnter = null }) => {
> >
<Cross className="h-6 w-6" /> <Cross className="h-6 w-6" />
</button> </button>
<FocusTrap>{children}</FocusTrap> <FocusTrap focusFirst>{children}</FocusTrap>
</div> </div>
</div> </div>
) : null} ) : null}

2
lib/focus-trap.tsx
View File

@ -3,7 +3,7 @@ import { tabbable } from 'tabbable'
interface Props { interface Props {
children: React.ReactNode | any children: React.ReactNode | any
focusFirst: boolean focusFirst?: boolean
} }
export default function FocusTrap({ children, focusFirst = false }: Props) { export default function FocusTrap({ children, focusFirst = false }: Props) {