feat(components): toggle with space/enter keys

Akryum · Akryum · commit 4efc5e33d082 · 2022-09-25T01:14:07.000+02:00
diff --git a/packages/app-frontend/src/features/components/ComponentTreeNode.vue b/packages/app-frontend/src/features/components/ComponentTreeNode.vue
@@ -95,6 +95,11 @@ export default defineComponent({
               }
               break
             }
+            case ' ':
+            case 'Enter': {
+              toggle()
+              break
+            }
             case 'ArrowDown': {
               if (expanded.value && sortedChildren.value.length) {
                 // Select first child

Original file line number	Diff line number	Diff line change
`@@ -95,6 +95,11 @@ export default defineComponent({`
`95`	`95`	`}`
`96`	`96`	`break`
`97`	`97`	`}`
	`98`	`+ case ' ':`
	`99`	`+ case 'Enter': {`
	`100`	`+ toggle()`
	`101`	`+ break`
	`102`	`+ }`
`98`	`103`	`case 'ArrowDown': {`
`99`	`104`	`if (expanded.value && sortedChildren.value.length) {`
`100`	`105`	`// Select first child`