IgniteUI / igniteui-webcomponents

Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.
https://www.infragistics.com/products/ignite-ui-web-components
Other
113 stars 2 forks source link

[Bug]: Selected value not displayed in input after reselecting the same value in igc-combo #1238

Closed georgianastasov closed 1 week ago

georgianastasov commented 3 weeks ago

Which component(s) are affected?

Combo

Description

We have a single-select igc-combo with a pre-selected value. When we focus the combo input, highlight the existing value, and enter the first letter of that value to filter the drop-down list, we can see the same value in the filtered list. However, upon reselecting the same highlighted value, the input field does not display the selected value; instead, it only shows the letter that was typed.

Reproduction

  1. Open the igc-combo demo for single selection at this link.
  2. Select a value from the combo (e.g., "London").
  3. Focus the combo input field, and the value "London" should be highlighted.
  4. Type the first letter of the selected value (e.g., 'L').
  5. The combo's drop-down list should filter to show values starting with 'L', including "London".
  6. Reselect "London" from the filtered list.

Expected Result

The input field should display the full selected value ("London") after reselecting it.

Actual Result

The input field only displays the letter that was typed ('L') instead of the full selected value ("London").

Workaround

No

Is this a regression?

No or unsure. This never worker, or I haven't tried before.

Affected versions

Latest

Browser/OS/Node environment

Browsers: All