[Input]: [Input with SuggestionItem calls Dialog's onClose method on select]

[sebastian-kraemer]

Describe the bug

If I place an input inside a dialog with suggestion items, the dialog's onClose method is called when clicking on a suggestion item.

Isolated Example

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

Reproduction steps

1. Open dialog by clicking the button
2. Focus input
3. Type 'f'
4. Select first suggestion item with the mouse
   ...

Expected Behaviour

The dialog's onClose method is not called.

Screenshots or Videos

No response

UI5 Web Components for React Version

2.5.0

UI5 Web Components Version

2.5.1

Browser

Chrome, Edge

Operating System

Windows

Additional Context

No response

Relevant log output

Organization

No response

Declaration

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

[Lukas742]

Hi @sebastian-kraemer

the close (onClose) event of the Input is bubbling up to the Dialog. To prevent this you can call event.stopPropagation in the respective handler (example). I believe that there's an ongoing discussion regarding this behavior and since both components are web components, developed by the ui5-webcomponents team, I'll forward this issue to their repo.

---

Hi Colleagues,
please take over :)