Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-28 00:17:12 +01:00
Code Issues Projects Releases Wiki Activity

feat: allow command bar navigation to wrap around (#9370)

Browse Source 
Lets you navigate to the top of the list when you're at the bottom,
and vice versa.

Arrow down at the end of the list takes you to the search field and
arrow up from the search field takes you to the end of the list.
This commit is contained in:
Thomas Heartman 2025-02-26 10:35:44 +01:00 committed by GitHub
parent 3f373665ed
commit 27bd4e2491
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/component/commandBar/CommandBar.tsx
View File

@ -257,9 +257,18 @@ export const CommandBar = () => {
const { allCommandBarLinks, selectedIndex } = itemsAndIndex;
const newIndex = selectedIndex + 1;
if (newIndex >= allCommandBarLinks.length) return;
(allCommandBarLinks[newIndex] as HTMLElement).focus();
if (newIndex >= allCommandBarLinks.length) {
const element = searchInputRef.current;
if (element) {
element.focus();
element.setSelectionRange(
element.value.length,
element.value.length,
);
}
} else {
(allCommandBarLinks[newIndex] as HTMLElement).focus();
}
},
);
useKeyboardShortcut(
@ -276,7 +285,7 @@ export const CommandBar = () => {
if (newIndex >= 0) {
(allCommandBarLinks[newIndex] as HTMLElement).focus();
} else {
} else if (newIndex === -1) {
const element = searchInputRef.current;
if (element) {
element.focus();
@ -285,6 +294,12 @@ export const CommandBar = () => {
element.value.length,
);
}
} else if (newIndex === -2) {
(
allCommandBarLinks[
allCommandBarLinks.length - 1
] as HTMLElement
).focus();
}
},
);