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.