prevent arrow up and down

huntabyte · Jul 19, 2024 · 4700cbc · 4700cbc
1 parent a6db545
commit 4700cbc
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/bits-ui/src/lib/bits/combobox/combobox.svelte.ts b/packages/bits-ui/src/lib/bits/combobox/combobox.svelte.ts
@@ -301,6 +301,9 @@ class ComboboxInputState {
 	#onkeydown = async (e: KeyboardEvent) => {
 		const open = this.root.open.value;
 		const inputValue = this.root.inputValue;
+
+		// prevent arrow up/down from moving the position of the cursor in the input
+		if (e.key === kbd.ARROW_UP || e.key === kbd.ARROW_DOWN) e.preventDefault();
 		if (!open) {
 			if (INTERACTION_KEYS.includes(e.key)) return;
 			if (e.key === kbd.TAB) return;