Closed lenafi5cher closed 3 days ago
Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.
Hello @SAP/ui5-webcomponents-topic-rd,
There is an issue with block layer of ui5-busy-indicator. Issue is reproducible is reproducable here https://sap.github.io/ui5-webcomponents/v1/components/Table/ add "busy" attribute on any table. The dim block layer is missing. There is an issue that was already fixed in 1.24.5, but does not work, for v2 works.
Please take over.
Best Regards, Gergana
Hello @SAP/ui5-webcomponents-topic-core ,
This issue is reported for 1.24.7, but it is also present on the main branch.
Tab
allows you to focus items underneath the indicator. LinkTo benefit from the dimmed background and keyboard handling provided by the busy indicator, elements should be its children. We did such change to the NotificationListItem 2 weeks ago. Sample.
I am sending this incident to you to check the issues in the Table. Please forward to the List owners afterwards.
Created separated issue for the list so we can process it faster. https://github.com/SAP/ui5-webcomponents/issues/9476
Describe the bug
Related Bug: [BusyIndicator]: dimmed overlay is missing
In the above bug, it was discussed that the dimmed overlay was missing for the Busy Indicator which is necessary in order to display Busy State correctly. Busy State refers to busy indication on control level. This was solved by having the busy indicator add a dimmed overlay if it has children. However, this is not fixed for the Table-component and List-component which have a busy property managing the state.
Table No dimmed overlay visible.![image](https://github.com/SAP/ui5-webcomponents-react/assets/165897616/fad58621-6426-473f-b38b-aeeafc274fef)
List Appears to have some overlay, which does not match the normal busy indicator dim color and also overlays the busy indicator itself. It looks "inactive"![image](https://github.com/SAP/ui5-webcomponents-react/assets/165897616/90fae6d3-3047-49b9-a75f-1651e3e94bd8)
Isolated Example
No response
Reproduction steps
Expected Behaviour
There should be a dimmed overlay encompassing the entire component. The busy indicator should be display above that overlay without any change to its color. The dimmed overlay color should match the dimmed overlay found when wrapping around another component.
Screenshots or Videos
No response
UI5 Web Components for React Version
v1.29.3
UI5 Web Components Version
v1.24.7
Browser
Chrome
Operating System
No response
Additional Context
No response
Relevant log output
No response
Organization
SAP
Declaration