Allow collapsing by keyboard

rijkvanzanten · rijkvanzanten · commit 73650d3058ca · 2025-08-18T18:33:40.000-04:00
diff --git a/src/SplitPanel.vue b/src/SplitPanel.vue
@@ -214,6 +214,10 @@ const handleKeydown = (event: KeyboardEvent) => {
 			newPosition = props.primary === 'end' ? 0 : 100;
 		}
 
+		if (event.key === 'Enter' && props.collapsible) {
+			collapsed.value = !collapsed.value;
+		}
+
 		sizePercentage.value = clamp(newPosition, 0, 100);
 	}
 };

Original file line number	Diff line number	Diff line change
`@@ -214,6 +214,10 @@ const handleKeydown = (event: KeyboardEvent) => {`
`214`	`214`	`newPosition = props.primary === 'end' ? 0 : 100;`
`215`	`215`	`}`
`216`	`216`
	`217`	`+ if (event.key === 'Enter' && props.collapsible) {`
	`218`	`+ collapsed.value = !collapsed.value;`
	`219`	`+ }`
	`220`	`+`
`217`	`221`	`sizePercentage.value = clamp(newPosition, 0, 100);`
`218`	`222`	`}`
`219`	`223`	`};`