[Donut Chart]: A11y - Focus on hidden element not visible to user causes A11y issue.

[Brahmansh]

Describe the bug

There is a tabindex=0 on element which causes element to get focussed on tab but not visible to the user. When all children have tabindex = -1, parent element should also have tabindex = -1.
And because of this on press tab, it appears loss of focus to the user.

Isolated Example

No response

Reproduction steps

1. Go to https://sap.github.io/ui5-webcomponents-react/v2/?path=/story/charts-donutchart--default
2. Press tab inside
3. Inspect document.activeElement on dev console.

Expected Behaviour

Hidden element shouldn't be focussed on tab.

Screenshots or Videos

UI5 Web Components for React Version

v2.4.0

UI5 Web Components Version

v2

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

No response

Organization

No response

Declaration

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

[ui5-webcomponents-react-bot]

🎉 This issue has been resolved in version v2.5.0 🎉

The release is available on v2.5.0

Your semantic-release bot 📦🚀

[ui5-webcomponents-react-bot]

🎉 This issue has been resolved in version v1.29.15 🎉

The release is available on v1.29.15

Your semantic-release bot 📦🚀