Table: [A11y] Loss of focus and unable to access interactive content within each row in small screen size

[sleric1024]

Describe the bug

There is no way to tab inside each row to access the links and quick card within each row in small screen size for example 320px

Isolated Example

https://stackblitz.com/edit/github-xbtmwe?file=src%2FApp.tsx

Reproduction steps

1.Click the URL 2. Change the screen size to 320px 3. When using tab key for access the accessible elements from each rows, you will find it cannot be access inside for each row ...

Expected Behaviour

All the accessible elements should be accessible from each rows

Screenshots or Videos

UI5 Web Components for React Version

~1.25.0

UI5 Web Components Version

~1.22.0

Browser

Chrome

Operating System

No response

Additional Context

I am from SF Web team and this issue is reported by a11y exports while testing the projects that are using this component.

Relevant log output

No response

Organization

No response

Declaration

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

[Lukas742]

Hi @sleric1024

the given link doesn't work, please always check your links and try to isolate the issue by removing unnecessary code for reproduction.

Since the Table and all of its subcomponents are developed by the ui5-webcomponents team, I'll forward this issue to their repo.

[github-actions[bot]]

Hello, everyone! The issue has been inactive for 21 days. If there are still questions or comments, please feel free to continue the discussion. Inactive issues will be closed after 7 days!

[github-actions[bot]]

Hello, everyone! The issue has been inactive for 28 days, so I am closing the issue.