eui icon indicating copy to clipboard operation
eui copied to clipboard

[EuiDataGrid] Issues with minimal height when browser zoom lower than 100%

Open dej611 opened this issue 2 years ago • 2 comments

This issue is particularly bad when there's only 1 row to visualize on the data grid as the header takes up the full space. As a user who always keep the zoom level at 80% during regular navigation this can be very annoying.

As an example in the Kibana Vega debug inspector the initial data grid contains only 1 row which is shown as follow with 100% zoom: Screenshot 2023-02-08 at 12 00 23

If I set the browser zoom at 80% within the same session then I get this (which seems correct to me): Screenshot 2023-02-08 at 12 02 12

If I refresh and reopen the same inspector page, then I get this instead: Screenshot 2023-02-08 at 12 02 29

The general behaviour with 80% zoom set I see is a N-1 rows in the table which is not super bad, but with the 1 row this is really a bad issue. Perhaps a minimal height can be provided in this case? Or maybe take into account the devicePixelRatio when computing the grid height?

Kibana linked issue: https://github.com/elastic/kibana/issues/148877

dej611 avatar Feb 08 '23 11:02 dej611