From 98c5c8870d42ccaaea38c00325b50a9ada717baa Mon Sep 17 00:00:00 2001 From: engjlr Date: Mon, 11 Aug 2025 14:41:32 +0200 Subject: [PATCH] fix(uui-combobox): Add open functionality with space bar --- .../uui-combobox-list/lib/uui-combobox-list.element.ts | 10 ++++++++++ packages/uui-combobox/lib/uui-combobox.element.ts | 7 +++++++ 2 files changed, 17 insertions(+) diff --git a/packages/uui-combobox-list/lib/uui-combobox-list.element.ts b/packages/uui-combobox-list/lib/uui-combobox-list.element.ts index a1632f30b..ef8f42cbc 100644 --- a/packages/uui-combobox-list/lib/uui-combobox-list.element.ts +++ b/packages/uui-combobox-list/lib/uui-combobox-list.element.ts @@ -239,6 +239,16 @@ export class UUIComboboxListElement extends LitElement { break; } + //Space key + case ' ': { + const el = e.target as HTMLInputElement; + console.log('FROM LIST', el.value); + e.preventDefault(); + e.stopPropagation(); + this._getActiveElement?.click(); + break; + } + case 'End': { e.preventDefault(); this._goToIndex(this._options.length - 1); diff --git a/packages/uui-combobox/lib/uui-combobox.element.ts b/packages/uui-combobox/lib/uui-combobox.element.ts index 2d581a0e6..ea4582a1e 100644 --- a/packages/uui-combobox/lib/uui-combobox.element.ts +++ b/packages/uui-combobox/lib/uui-combobox.element.ts @@ -307,6 +307,13 @@ export class UUIComboboxElement extends UUIFormControlMixin(LitElement, '') { this.#onOpen(); } + if (e.key === ' ') { + if (this._isOpen) return; + e.preventDefault(); + e.stopImmediatePropagation(); + this.#onOpen(); + } + if (e.key === 'Escape' || e.key === 'Enter') { this.#onClose(); }