You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
const [open, setOpen] = useState(false);
...
<ResponsivePopover
opener="..."
open={open}
// this is necessary to be able to reopen the popup when clicking outside to close it
onClose={() => setOpen(false)}
>
<MultiComboBox
// this is necessary to prevent the event to be propagated to the responsive popover
// onClose={(e) => {
// e.preventDefault();
// e.stopPropagation();
// }}
>
<MultiComboBoxItem key={'key'} text={'Click me'} />
</MultiComboBox>
</ResponsivePopover>
Describe the bug
{ ResponsivePopover, Button, MultiComboBox, MultiComboBoxItem } from '@ui5/webcomponents-react';
A ResponsivePopover can/shoud be opened using a React State (https://sap.github.io/ui5-webcomponents-react/v2/?path=/docs/modals-popovers-responsivepopover--docs) and closed clicking outside if not modal
If the ResponsivePopover contains a MultiCombobox when clicking inside the MCB Popover the close event is propagated to the ResponsivePopover itself which then closes the popover
From the Stackblitz Reproducer:
Isolated Example
https://stackblitz.com/edit/github-dlhafz
Reproduction steps
Expected Behaviour
Responsive Popover should stay open
Screenshots or Videos
No response
UI5 Web Components for React Version
2.2.0
UI5 Web Components Version
2.3.0
Browser
Chrome
Operating System
Windows 11
Additional Context
No response
Relevant log output
No response
Organization
No response
Declaration
The text was updated successfully, but these errors were encountered: