Skip to content

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

@achuth2912

Description

@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

Image

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No fields configured for Bug.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions