Skip to content

List - when using keyboard, active list item isn't always in view #7323

@taysea

Description

@taysea

Is this something you or your team is interested in contributing a pull request towards?

Expected Behavior

When using arrow keys to get to list item, would expect active list item to be in view on the screen.

Actual Behavior

Active list item can end up being off screen but page doesn't scroll down.

URL, screen shot, or Codepen exhibiting the issue

https://storybook.grommet.io/?path=/story/visualizations-list-onclickitem--on-click-item-list

Screen.Recording.2024-09-20.at.1.27.54.PM.mov

Steps to Reproduce

  1. Make window smaller than length of list
  2. Tab to List
  3. Use arrow keys to move down

Your Environment

  • Grommet version: Latest (on stable of storybook)
  • Browser Name and version: Chrome
  • Operating System and version (desktop or mobile): MacOS

Metadata

Metadata

Assignees

No one assigned

    Labels

    accessibilityWCAG supportbugissue that does not match design or documentation and requires code changes to address

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions