Skip to content

Incorrect row highlight behavior in DataTable #6165

@eddieshowcase

Description

@eddieshowcase

Seems there is an odd issue introduced in recent Grommet release where the DataTable row highlight appears on the 1st row when clicking around and making selections.

Expected Behavior

I would not expect the 1st row to animate/highlight when clicking around the DataTable.

Actual Behavior

A highlight appears on the 1st row when clicking elsewhere.

URL, screen shot, or Codepen exhibiting the issue

Steps to Reproduce

You can observe this issue on Grommet Storybook issue here:
https://storybook.grommet.io/?path=/story/visualizations-datatable-onselect--on-select-data-table

I think the trick is to click on a row in the table, click off the table, then click a disabled row... seems an edge case, but reproducible.

e214e178-ae50-4a93-b22b-605fce96c69a

Screen.Recording.2022-06-02.at.3.57.38.PM.mov

Your Environment

  • Grommet version: 2.24.0
  • Browser Name and version: Chrome latest
  • Operating System and version (desktop or mobile): Mac

Metadata

Metadata

Assignees

Labels

bugissue 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