Skip to content

[Bug] - [a11y] "Back to bottom" JumpButton is unreachable via keyboard #825

@Homa

Description

@Homa

Description

Describe the bug

The "Back to bottom" JumpButton in MessageBox is never reachable by keyboard-only users. As the user tabs through messages, the scroll container follows focus downward. By the time the user's tab order reaches where the JumpButton would be, the atBottom state becomes true, causing isHidden to be true, which removes the button from the DOM entirely (return null).

Component: MessageBox / JumpButton

Expected behavior
Keyboard users should be able to focus and activate the "Back to bottom" button.

Suggested fix
Instead of returning null when isHidden is true, keep the button in the DOM but hide it visually (e.g. opacity: 0; pointer-events: none). When the button receives :focus or :focus-visible, make it visible again. This is the standard pattern used by skip-links and similar accessibility controls.

Steps to Reproduce

1- Open a chatbot with enough messages to overflow the MessageBox
2-Scroll up so the "Back to bottom" button appears
3- Use only the keyboard (Tab key) to try to reach the button
4- Observe that the button disappears before it can receive focus

Data/JSON Context (if applicable)

No response

Environment

chatbot version: 6.5.0

Screenshots or Logs

No response


Jira Issue: PF-3946

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    Projects

    Status

    Needs triage

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions