Method _selectItem

packages/main/src/ComboBox.ts:1398–1438

(e: CustomEvent<ListItemClickEventDetail>)

	}

	_selectItem(e: CustomEvent<ListItemClickEventDetail>) {
		const item = e.detail.item as ComboBoxItem;

		this._selectedItemText = item.text || "";
		this._selectionPerformed = true;

		const sameItemSelected = this.value === this._selectedItemText;
		const sameSelectionPerformed = this.value.toLowerCase() === this.filterValue.toLowerCase();

		if (sameItemSelected && sameSelectionPerformed) {
			this._fireChangeEvent(); // Click on an already typed, but not memoized value shouold also trigger the change event
			return this._closeRespPopover();
		}

		this.value = this._selectedItemText;
		// On first item select the _useSelectedValue is still false.
		// In case the item has a value property, we set the _useSelectedValue to true to start working with the value instead with the text.
		if (!this._useSelectedValue && item.value !== undefined) {
			this._useSelectedValue = true;
		}

		// Always set selectedValue when the item has a value property, regardless of _useSelectedValue state
		if (item.value !== undefined) {
			this.selectedValue = item.value;
		} else if (this._useSelectedValue) {
			// Only clear selectedValue if we were using it before
			this.selectedValue = undefined;
		}

		if (!item.selected) {
			this.fireDecoratorEvent("selection-change", {
				item,
			});
		}

		this._fireChangeEvent();
		this._closeRespPopover();

		// reset selection
		this.inner.setSelectionRange(this.value.length, this.value.length);
	}

	_onItemFocus() {
		this._itemFocused = true;