[Dialog]: Change combobox selection will crash app

[skowrons]

Describe the bug

When we use a ComboBox inside a Dialog component it will crash the app after we change the selection again.

Isolated Example

https://stackblitz.com/edit/github-fzbkcn?file=src%2FApp.tsx

Reproduction steps

1. Open Dialog
2. Select something without search
3. Select some other thing
4. App will crash

Expected Behaviour

App should not crash.

Screenshots or Videos

No response

UI5 Web Components for React Version

2.1.1

UI5 Web Components Version

2.2.0

Browser

Chrome

Operating System

MacOS

Additional Context

No response

Relevant log output

No response

Organization

No response

Declaration

• I’m not disclosing any internal or sensitive information.

[skowrons]

This error will not surface on Safari.

Screenshot:

Chrome Version: Version 129.0.6668.71 (Offizieller Build) (x86_64) (newest currently)

[Lukas742]

Hi @skowrons

Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.

---

Hi Colleagues,

with plain HTML and JS, I wasn't able to reproduce the exact same error, but still an error is thrown when dynamically adding ComboBoxItems in runtime. So, it probably has the same root cause.

Edit: I've used the wrong tag-name for the ComboBoxItems. I've edited my example and now the app crashes with plain HTML and JS as well.

Example: https://stackblitz.com/edit/github-994pyy-pic3za?file=index.html,main.js,package.json

1. Open Dialog
2. Select something without search
3. Select some other thing
4. App will crash

[LidiyaGeorgieva]

Hello @SAP/ui5-webcomponents-topic-core,

Please advice what could be the issue here?

I tested the following:

• on Firefox there is no crash, only on Chrome (I tested with Windows)
• I tried to isolate it with minimal code in the test page (of the Dialog for example) and its reproducible also there:

<ui5-dialog id="dialogForm" header-text="Dialog">
		<ui5-form>
			<ui5-form-item>
			  <ui5-combobox placeholder="Enter value">
				<ui5-cb-item text="Austria"></ui5-cb-item>
				<ui5-cb-item text="Bulgaria"></ui5-cb-item>
				<ui5-cb-item text="Germany"></ui5-cb-item>
			</ui5-combobox>
			</ui5-form-item>
		  </ui5-form>
	</ui5-dialog>

• if I delete the ui5-dialog or the ui5-form - the issue is not reproducible. Only this combination of components cause the crash

Best Regards,
Lidiya