Skip to content

EuiDatagrid height is calculated correctly when the rows are of auto height. #8339

@logeekal

Description

@logeekal

Describe the bug
EuiDatagrid height is calculated correctly when the rows are of auto height.

Impact and severity
Medium - It is annoying for the user and at times, makes the table unusable.

Environment and versions

  • EUI version:
  • React version:
  • Kibana version (if applicable): 8.x, 8.17, 8.18

To Reproduce
Steps to reproduce the behavior:
This error occurs when below 2 conditions are true

  • Each row is of variable height and Lines per Row in Datagrid is auto
  • The table's height is not fixed i.e undefined or auto.

A little background.

The Issue was originally raised here and fixed here.

Consequently, back-port was raised for below branches :

The fix seems to be working in 9.0.0 and 9.1.0 but not in backport branches of 8.17 and 8.16. Please see the issue replicable in below videos

Version Demo Working?
9.0.0-beta with fix
alert_table_event_renderer_issue_9.0-beta.mp4
8.16 with backport
alert_table_event_renderer_issue_8.16-backport.mp4

Note

In Security Solution, issue is only visible in Event Rendered view because of 2 reasons

  • It has Lines per row as auto
  • When the row count < 20, the table height is also set to auto or undefined which is when the issue occurs.

Expected behavior
A clear and concise description of what you expected to happen.

Minimum reproducible sandbox
It is extremely helpful for us if you are able to reproduce your issue in a minimum reproducible sandbox (visit our docs site and click the CodeSandbox logo in the top-right corner).

Screenshots
Attached above

Additional context
There can be 2 reasons that fix is not working in 8.16 and 8.17:

  • Fix is not backported correctly.
  • Fix is not compatiable with 8.16/8.17 for some reason.

Metadata

Metadata

Assignees

No one assigned

    Labels

    data grid⚠️ needs validationFor bugs that need confirmation as to whether they're reproducible

    Type

    No fields configured for Bug.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions