Prerequisites

• I have read the Contributing Guidelines.
• I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.

What happened?

We wanted to update to the latest ix version. We faced some issues regarding the ix select.
We noticed this with our cypress tests which failed after the update.

After the update, we need to select two times the item in the dropdown menu. On the first click the value is undefined. Also in the code example i provided you, you notice, that the value is selected, after two clicks, the first is the value before.

What type of frontend framework are you seeing the problem on?

Angular

Which version of iX do you use?

v2.4.0

Code to produce this issue.

import { Component } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    <ix-select
    (itemSelectionChange)="onGatewaySelectionChange($event)">
      <ix-select-item label="Item 1" value="1"></ix-select-item>
      <ix-select-item label="Item 2" value="2"></ix-select-item>
      <ix-select-item label="Item 3" value="3"></ix-select-item>
      <ix-select-item label="Item 4" value="4"></ix-select-item>
    </ix-select>
  `,
})
export default class Select {
  value = '1';

  onGatewaySelectionChange(event: Event): void {
    const select = event.target as HTMLSelectElement;
    console.log('Selected gateway:', select.value);
  }
}