search

Royal-Navy / design-system

Build web applications that meet the Royal Navy service standards
https://storybook.design-system.navy.digital.mod.uk
Apache License 2.0
101 stars 32 forks source link

DataGrid: Click area of checkboxes is incorrect #3759

Closed jpveooys closed 1 day ago

jpveooys commented 1 week ago

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 1 week ago

The click area also extends too far to the right:

Screencast from 19-04-24 15:45:48.webm