fix(core/select): fixed input clear issue if selection option changes (#2404)

Co-authored-by: Lukas Maurer <lukas.maurer@siemens.com>

Author: GayatriK2002

.changeset/dry-pandas-knock.md

@@ -0,0 +1,7 @@
+---
+"@siemens/ix": patch
+---
+
+Keep user input if select items change in _ix-select_.
+
+Fixes #1716

packages/core/src/components/select/select.tsx

@@ -464,6 +464,10 @@ export class Select implements IxInputFieldComponent<string | string[]> {
 
     this.selectedLabels = this.selectedItems.map((item) => item.label);
 
+    if (this.dropdownShow && this.inputFilterText) {
+      return;
+    }
+
     if (this.selectedLabels?.length && this.isSingleMode) {
       this.inputValue = this.selectedLabels[0] ?? '';
     } else {

packages/core/src/components/select/test/select.ct.ts

@@ -1080,3 +1080,35 @@ test('clear button returns empty string in single mode', async ({
 
   expect(emittedValue).toBe('');
 });
+
+test('input does not clear when items added during search', async ({
+  mount,
+  page,
+}) => {
+  await mount(`
+      <ix-select i18n-placeholder="Search in database...">
+        <ix-select-item value="1" label="Initial">Initial</ix-select-item>
+      </ix-select>
+    `);
+
+  const input = page.getByTestId('input');
+
+  await page.locator('[data-select-dropdown]').click();
+  await input.fill('test');
+  await expect(input).toHaveValue('test');
+
+  await page.evaluate(() => {
+    const select = document.querySelector('ix-select');
+    const newItem = document.createElement('ix-select-item');
+    newItem.setAttribute('value', 'test-result');
+    newItem.setAttribute('label', 'Test Result from API');
+    select?.appendChild(newItem);
+  });
+
+  await page.waitForTimeout(100);
+
+  await expect(input).toHaveValue('test');
+  await expect(
+    page.getByRole('button', { name: 'Test Result from API' })
+  ).toBeVisible();
+});