design-system icon indicating copy to clipboard operation
design-system copied to clipboard

Sortable table appears with a line break

Open oliverrees opened this issue 1 year ago • 2 comments

The sortable table component is meant to look like the below (as specified in storybook).

Screenshot 2024-01-15 at 15 16 11

However, when you use a vanilla installed version of the design system and copy and paste the code example, the table headings appear with a line break between the text and the sorting arrows (see below)

Screenshot 2024-01-15 at 15 14 55

To reproduce:

  1. Start with a vanilla version of the design system (I'm using create-next-app)
  2. Copy and paste the storybook example from above

oliverrees avatar Jan 15 '24 15:01 oliverrees

This issue has been marked as stale because it has been open for 60 days with no activity

github-actions[bot] avatar Mar 18 '24 01:03 github-actions[bot]

I wonder if there are some global styles or style bleed causing this?

We haven't been able to reproduce it ourselves. Are you able to create a minimal reproduction for us?

Note we are currently implementing a DataGrid that will have feature parity with the table and is intended to supersede it.

m7kvqbe1 avatar Mar 25 '24 13:03 m7kvqbe1

We've just shipped the new DataGrid and deprecated Table.

Please consider upgrading to that.

m7kvqbe1 avatar Apr 17 '24 15:04 m7kvqbe1