eui icon indicating copy to clipboard operation
eui copied to clipboard

[EuiDataGrid] Sort fields panel shows long names centralised on Safari

Open machadoum opened this issue 1 year ago • 1 comments

Describe the bug When displayAsText is long and the panel has a scroll bar (only on Safari), the field name is horizontally centralised.

Impact and severity Very Low

Environment and versions

  • EUI version: 93.2.0
  • React version: 18.2.0
  • Kibana version (if applicable): 8.13
  • Browser: Safari 17.3.1
  • Operating System: macOS 14.3.1

To Reproduce Steps to reproduce the behavior:

  1. Go to https://zndqlz.csb.app
  2. Click on 'Sort fields'
  3. Click on 'Pick fields to sort by'
  4. See error

Expected behavior The field name should be displayed in a single line, like on Chrome.

Minimum reproducible sandbox https://codesandbox.io/p/sandbox/restless-browser-zndqlz

Screenshots

Safari

Screenshot 2024-03-05 at 15 39 34

Chrome

Screenshot 2024-03-05 at 15 54 55

Additional context This bug was found during Kibana QA testing: https://github.com/elastic/kibana/issues/177873

machadoum avatar Mar 05 '24 14:03 machadoum