[Timeline]: Focused element not fully visible on the timeline component

[achuth2912]

Describe the bug

With keyboard navigate within Timeline list and observe that focused activity text and visual focus indicator is not fully visible.
Scrollbar does not automatically scroll to the focused element which is not fully visible.

Isolated Example

https://ui5.github.io/webcomponents-react/v2/?path=/story/data-display-timeline--with-groups&args=layout:Horizontal

Reproduction steps

1. Use keyboard and use the Arrow key to move towards the right hand side timeline

...

Expected Behaviour

When a UI element receives focus, the entire focus indicator along with the focused element must be fully visible within the viewport and not clipped or obscured by any overlapping content, scroll containers, or sticky elements, per ACC-271.3.

The full activity text and its focus indicator must be completely visible without any part being clipped or hidden.

Screenshots or Videos

UI5 Web Components for React Version

2.23.1

UI5 Web Components Version

2.23.1

Browser

Chrome

Operating System

Windows, Mac

Additional Context

No response

Relevant log output

Organization

SAP

Declaration

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