SAP
[ui5-OverflowToolbar]: focus outline is clipped
OpenUI5 version: latest
Browser/version (+device/version): firefox, Mac
Any other tested browsers/devices(OK/FAIL): chrome, edge(Fail)
Bug Description When selected/clicked on the currentLocationText of the Breadcrumbs. The Focus is not on all sides of the UI.
Visible in the Sample:
https://sdk.openui5.org/entity/sap.m.Table/sample/sap.m.sample.TableBreadcrumb
In Page.view.xml, Ln14, replace it with Breadcrumbs id="breadcrumb" currentLocationText="Document"
(currentLocationText="Document" is added to the Breadcrumbs)
The above image shows that the boundary/focus outline is clipped. The issue doesn't occur when Breadcrumbs is used with Toolbar. Instead, it happens when using the OverflowToolbar.
Affected Component ui5-breadcrumbs
Steps to reproduce the problem:
- Go to the sample application: https://sdk.openui5.org/entity/sap.m.Table/sample/sap.m.sample.TableBreadcrumb
- Open the Page.view.xml file and change the Line 14 by < Breadcrumbs id="breadcrumb" currentLocationText="Click Here" />
- Just added currentLocationText to the
- Click on the "Click Here" located at the header section of the table in the application UI which is running in parallel
- The Focus is not adequately visible on all sides
Expected Behaviour
The focus outline must be adequately visible on all sides, as shown in the image below.
When replacing the OverflowToolbar with the Toolbar, it works as expected.
Observed behaviour
For more information check the video attached below:
https://github.com/user-attachments/assets/7eeb33b0-a57d-45dc-b278-85ab1abc438f
Hi @MahendraSai024,
I've created the internal incident DINC0305045 for your issue. We'll have a look and contact you once we find a solution.
The fix https://github.com/SAP/openui5/commit/521b2b01e04e8013ce9893490f322b0e10d3d53c is planned to be available with the release of 1.131.
