Tree navigation by key: Fix matching to only consider keys with length 1 (#7580)

deleonio · web-flow · commit 1302c2992717 · 2025-04-17T11:46:13.000+02:00
diff --git a/packages/components/src/components/tree/component.tsx b/packages/components/src/components/tree/component.tsx
@@ -172,7 +172,7 @@ export class KolTreeWc implements TreeAPI {
 				event.preventDefault();
 				break;
 			}
-			case event.key.match(/[a-zA-Z0-9]/)?.input: {
+			case event.key.match(/^[a-zA-Z0-9]$/)?.input: {
 				/* Ignore events with any modifier key to avoid breaking native browser or OS shortcuts such as ⌘+L */
 				if (!hasModifierKeyPressed) {
 					const char = event.key.toLowerCase();

Original file line number	Diff line number	Diff line change
`@@ -172,7 +172,7 @@ export class KolTreeWc implements TreeAPI {`
`172`	`172`	`event.preventDefault();`
`173`	`173`	`break;`
`174`	`174`	`}`
`175`		`- case event.key.match(/[a-zA-Z0-9]/)?.input: {`
	`175`	`+ case event.key.match(/^[a-zA-Z0-9]$/)?.input: {`
`176`	`176`	`/* Ignore events with any modifier key to avoid breaking native browser or OS shortcuts such as ⌘+L */`
`177`	`177`	`if (!hasModifierKeyPressed) {`
`178`	`178`	`const char = event.key.toLowerCase();`