SimpleCombo: combo gets cleared when tabbing through

[Timmeeeey]

Description

There is a selection bug after changing the value via a reactive form which clears the combo when tabbing through.

• igniteui-angular version: 21.0.10

Steps to reproduce

https://stackblitz.com/edit/3jrcr7xm

1. Select Item "Test 1"
2. Click Button to select "Test 2"
3. Tab through SimpleCombo

Result

The combo gets cleared.

Expected result

Nothing should happen when tabbing through the combo.

Attachments

Aufzeichnung.2026-02-12.145143.mp4

[Timmeeeey]

I think the problem is that in writeValue only this.filterValue is set and not also this.searchValue and this.comboInput.value.

igniteui-angular/projects/igniteui-angular/simple-combo/src/simple-combo/simple-combo.component.ts

Lines 184 to 191 in 9f65451

	public writeValue(value: any): void {
	const oldSelection = super.selection;
	this.selectionService.select_items(this.id, this.isValid(value) ? [value] : [], true);
	this.cdr.markForCheck();
	this._displayValue = this.createDisplayText(super.selection, oldSelection);
	this._value = this.valueKey ? super.selection.map(item => item[this.valueKey]) : super.selection;
	this.filterValue = this._displayValue?.toString() || '';
	}

So when doing this, it seems to work:

this.comboInput.value = this.searchValue = this.filterValue = this._displayValue?.toString() || '';