MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

allow arrow key navigation in the components panel

This commit is contained in:
Martin McKeaveney 2023-03-24 16:32:41 +00:00
parent 05ba08a956
commit d1ae1871c0
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/new/_components/NewComponentPanel.svelte
View File

@ -182,12 +182,13 @@
} }
const handleKeyDown = e => { const handleKeyDown = e => {
if (e.key === "Tab") { if (e.key === "Tab" || e.key === "ArrowDown" || e.key === "ArrowUp") {
// Cycle selected components on tab press // Cycle selected components on tab press
if (selectedIndex == null) { if (selectedIndex == null) {
selectedIndex = 0 selectedIndex = 0
} else { } else {
selectedIndex = (selectedIndex + 1) % componentList.length const direction = e.key === "ArrowUp" ? -1 : 1
selectedIndex = (selectedIndex + direction) % componentList.length
} }
e.preventDefault() e.preventDefault()
e.stopPropagation() e.stopPropagation()