Skip to content

[8.0/7.17][SecuritySolution] Fix hidden elements on last page of data grid#122781

Merged
janmonschke merged 2 commits into8.0from
security/fix-datagrid-height-8-0
Jan 14, 2022
Merged

[8.0/7.17][SecuritySolution] Fix hidden elements on last page of data grid#122781
janmonschke merged 2 commits into8.0from
security/fix-datagrid-height-8-0

Conversation

@janmonschke
Copy link
Contributor

Summary

There was an issue where when going from a full page to a page with only one item, the height of the table was not tall enough. That meant the single row was hidden. (#122111)

I tried out several ways to prevent this issue but most of them were rather brittle. In the end I decided to add an extra row's height to the hacked height when the actual data is less than the page size.

This PR only targets 8.0 & 7.17 since the height hack will be removed from main soon. (#122755)

New behaviour with single row on the last page:

Screen.Recording.2022-01-12.at.15.29.34.mov

New behaviour with multiple rows on the last page:

Screen.Recording.2022-01-12.at.15.27.16.mov

@janmonschke janmonschke added bug Fixes for quality problems that affect the customer experience release_note:skip Skip the PR/issue when compiling release notes Team: SecuritySolution Security Solutions Team working on SIEM, Endpoint, Timeline, Resolver, etc. auto-backport Deprecated - use backport:version if exact versions are needed v7.17.0 labels Jan 12, 2022
@elasticmachine
Copy link
Contributor

Pinging @elastic/security-solution (Team: SecuritySolution)

@janmonschke
Copy link
Contributor Author

@elasticmachine merge upstream

@kibana-ci
Copy link

💚 Build Succeeded

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
timelines 235.5KB 235.5KB +4.0B

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

cc @janmonschke

Copy link
Contributor

@andrew-goldstein andrew-goldstein left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Appreciate your effort to explore different solutions, and the simplicity of this temporary fix @janmonschke! 🙏

Desk tested locally at various page heights via the steps in #122111 with the following browsers:

  • Chrome 97.0.4692.71
  • Firefox 96.0.1
  • Safari 15.2

LGTM 🚀

@janmonschke janmonschke merged commit 07340b5 into 8.0 Jan 14, 2022
@janmonschke janmonschke deleted the security/fix-datagrid-height-8-0 branch January 14, 2022 17:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

auto-backport Deprecated - use backport:version if exact versions are needed bug Fixes for quality problems that affect the customer experience release_note:skip Skip the PR/issue when compiling release notes Team: SecuritySolution Security Solutions Team working on SIEM, Endpoint, Timeline, Resolver, etc. v7.17.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants