Skip to content

DataTable - keyboard navigation causes grey background on the first row of the DataTable #6719

@jcfilben

Description

@jcfilben

Expected Behavior

The grey background on DataTable cells should either not be applied or it should move when a new row is focused

Actual Behavior

The grey background remains on the first row of the DataTable

URL, screen shot, or Codepen exhibiting the issue

https://storybook.grommet.io/?path=/story/visualizations-datatable-controlled--controlled-data-table

Mar-30-2023.14-01-36.mp4

Steps to Reproduce

  1. Use the keyboard to tab to the first row of the DataTable
  2. Use the keyboard or the mouse to move to and select other DataTable rows
  3. The grey background will still be applied to the first row

Your Environment

  • Grommet version: 2.31.0 (I believe this issue originated in v2.23.0 of grommet)
  • Browser Name and version: chrome
  • Operating System and version (desktop or mobile):

Metadata

Metadata

Assignees

No one assigned

    Labels

    DataTableDataTable related issuesbugissue 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