SAP / ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.
https://sap.github.io/ui5-webcomponents/
Apache License 2.0
1.57k stars 268 forks source link

[ui5-combobox, Angular 18]: selection-change event is not fired when the matched text as available option is written in the input and clicked on the dropdown #10239

Open TsvetomirGT opened 13 hours ago

TsvetomirGT commented 13 hours ago

Bug Description

In an Angular 18 application using SAP UI5's ComboBox component, a bug occurs when the user types text into the input field that matches one of the options in the dropdown and then selects that option by clicking on it. The issue is that the selection-change event is not triggered as expected.

Affected Component

ui5-combobox

Expected Behaviour

When the user clicks on the matching option in the dropdown, the selection-change event should fire, regardless of whether the text was pre-typed in the input field.

Isolated Example

No response

Steps to Reproduce

  1. Integrate a ui5-combobox component into an Angular 18 application using the SAP UI5 framework.
  2. Add ui-cb-items.
  3. Add a listener for the selection-change event to handle the selection logic.
  4. Type a value into the ComboBox input field that matches an available option (e.g., "Option 1").
  5. Select the matching option from the dropdown by clicking on it. ... (Optional steps)
  6. Type a value into the ComboBox input field that matches an available option (e.g., "Option 1").
  7. Add one or more spaces after (e.g., "Option 1 ")
  8. Remove the spaces
  9. Select the matching option from the dropdown by clicking on it.

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

2.3.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration