[ui5-toolbar]: can't open ResponsivePopover when click ToolbarButton in overflow toolbar

[GongRichard]

Bug Description

can't open ResponsivePopover when click ToolbarButton in overflow toolbar

Affected Component

ui5-toolbar, ui5-toolbar-button

Expected Behaviour

should show ResponsivePopover when click ToolbarButton in overflow toolbar

Isolated Example

https://stackblitz.com/edit/github-akxptvst?file=src%2FApp.tsx,index.html

Steps to Reproduce

1. open page https://stackblitz.com/edit/github-akxptvst?file=src%2FApp.tsx,index.html
2. resize window to small size to make "Open Popover" button in overflow toolbar
3. click "Open Popover" button and ResponsivePopover won't show

Log Output, Stack Trace or Screenshots

Priority

High

UI5 Web Components Version

2.18.1

Browser

Chrome

Operating System

No response

Additional Context

This is a customer issue, please fix this issue as soon as possible

Organization

SAP SuccessFactors

Declaration

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

[NHristov-sap]

Hi @UI5/ui5-team-ctr-pir ,

The issue is reproducible following the steps provided by the reporter, please take a look of it.

Best Regards,
Nikolay Hristov

[nnaydenow]

Hi @GongRichard,

The default behavior of the ToolbarButton click event can be prevented. When this is done, the popover opens correctly.

As far as I know, the default click action is confirm, which causes the popover to close.

Could you please check whether this solution works for you?

Please check: https://stackblitz.com/edit/github-akxptvst-fo27hkk9?file=src%2FApp.tsx,index.html

Regards,
Nayden