eui
eui copied to clipboard
[EuiDataGrid] Sort fields panel shows long names centralised on Safari
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:
- Go to https://zndqlz.csb.app
- Click on 'Sort fields'
- Click on 'Pick fields to sort by'
- 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
Chrome
Additional context This bug was found during Kibana QA testing: https://github.com/elastic/kibana/issues/177873