Royal-Navy/design-system

DataGrid: Click area of checkboxes is incorrect

jpveooys opened this issue · 1 comments

jpveooys commented

Steps to reproduce

  1. Go to https://storybook.design-system.navy.digital.mod.uk/?path=/story/components-data-grid--row-selection
  2. Try to click the near top of a checkbox

Demo

Screencast.from.19-04-24.15.42.51.webm

Note

The fix I previously used in our app was to add height: 18px to StyledCheckbox.

jpveooys commented

The click area also extends too far to the right:

Screencast.from.19-04-24.15.45.48.webm
  • 👍1