[BusyIndicator]: Incorrect applying background color

[shubhamnazare]

Bug Description

When I apply background color to BusyIndicator, it doesn't cover the entire indicator as evident in the screenshot:

After analyzing the DOM, I could see that the element with class name - ui5-busy-indicator-busy-area has property: position: absolute. If I remove this property, then the component is behaving as expected.

Affected Component

BusyIndicator

Expected Behaviour

No response

Isolated Example

https://stackblitz.com/edit/vitejs-vite-jc1k1xbc?file=src%2FApp.tsx&terminal=dev

Steps to Reproduce

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

1.24.13

Browser

Chrome

Operating System

No response

Additional Context

"@ui5/webcomponents": "1.24.13",
"@ui5/webcomponents-fiori": "1.24.13",
"@ui5/webcomponents-icons": "1.24.13",
"@ui5/webcomponents-react": "1.29.14"

Organization

SAP Analytics Cloud

Declaration

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

[NHristov-sap]

Hello @SAP/ui5-webcomponents-topic-rd ,

The issue is reproducible (see stackblitz sample), please take a look.

Best Regards,
Nikolay Hristov