he4et/tabswitcher
1
0
Fork 0
mirror of https://github.com/He4eT/tabswitcher.git synced 2026-05-05 01:17:23 +00:00
Code Issues Projects Releases Packages Wiki Activity

pages/search: focus searchbox in edgecases

Browse source
This commit is contained in:
He4eT 2024-01-21 00:54:29 +01:00
commit 3f644ee959
1 changed files with 15 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

16
pages/search/modules/inputHandlers.js
View file

@ -1,4 +1,4 @@
const focusButtonsWithArrows = (e) => { const focusButtonsWithArrows = (e, abortCallback) => {
if (['ArrowUp', 'ArrowDown'].includes(e.key)) { if (['ArrowUp', 'ArrowDown'].includes(e.key)) {
e.preventDefault() e.preventDefault()
@ -16,8 +16,17 @@ const focusButtonsWithArrows = (e) => {
'ArrowUp': -1, 'ArrowUp': -1,
}[e.key]) + currentIndex + buttons.length) % buttons.length }[e.key]) + currentIndex + buttons.length) % buttons.length
const shouldAbort = [
e.key === 'ArrowUp' && currentIndex === 0,
e.key === 'ArrowDown' && currentIndex === buttons.length - 1,
].some(Boolean)
if (shouldAbort) {
abortCallback()
} else {
buttons[newIndex].focus() buttons[newIndex].focus()
} }
}
} }
export const attachInputHandlers = (store) => { export const attachInputHandlers = (store) => {
@ -25,7 +34,10 @@ export const attachInputHandlers = (store) => {
const actionbox = document.getElementById('actionbox') const actionbox = document.getElementById('actionbox')
document.addEventListener('keydown', (e) => { document.addEventListener('keydown', (e) => {
focusButtonsWithArrows(e) focusButtonsWithArrows(e, () => {
searchBox.focus()
})
if (e.key === 'Escape') { if (e.key === 'Escape') {
searchBox.focus() searchBox.focus()
} }