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

Test: Add support for n attempts for dynamic components

Browse Source
This commit is contained in:
Belen Curcio 2021-01-06 12:17:39 -03:00
parent a78d667031
commit 0b16b80dbe
1 changed files with 15 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
lib/focus-trap.tsx
View File

@ -29,12 +29,11 @@ export default function FocusTrap({ children, focusFirst = false }: Props) {
const selectFirstFocusableEl = () => {
// Try to find focusable elements, if match then focus
// Up to 4 seconds of load time threshold
// Up to 6 seconds of load time threshold
let match = false
let end = 22 // Try to find match at least n times
let end = 60 // Try to find match at least n times
let i = 0
const timer = setInterval(
() => {
const timer = setInterval(() => {
console.log('-----------', i)
if (!match !== i > end) {
match = !!tabbable(root.current).length
@ -42,14 +41,12 @@ export default function FocusTrap({ children, focusFirst = false }: Props) {
// Attempt to focus the first el
tabbable(root.current)[0].focus()
}
i = i + 1
i = i++
} else {
// Clear interval after n attempts
clearInterval(timer)
}
},
i < 2 ? 0 : 200
)
}, 1000)
}
useEffect(() => {