Skip to content

[EuiDataGrid] Horizontal scroll is hidden when it has pagination and is fullscreen on desktop #5131

@machadoum

Description

@machadoum

I was able to isolate the issue on CodeSandbox: https://codesandbox.io/s/datagrid-hidden-horizontal-scrollbar-when-fullscreen-vjiyz?file=/index.js

Please open it on a widescreen (the footer gets smaller on mobile) and click on "Full screen". It won't display the horizontal scroll bar.
Screenshot 2021-09-02 at 11 17 15

Inspecting the element, it looks like that euiDataGrid__virtualized height is bigger than it should. It isn't taking into account the pagination height here:

  if (isFullScreen) {
    finalHeight =
      window.innerHeight - toolbarHeight - headerRowHeight - footerRowHeight;
    finalWidth = window.innerWidth;
  }

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions