-
Notifications
You must be signed in to change notification settings - Fork 8.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Fix extra white space on the alert table when page size is 50 or 100 #111568
Fix extra white space on the alert table when page size is 50 or 100 #111568
Conversation
💚 Build SucceededMetrics [docs]Async chunks
To update your PR or re-run it, just comment with: cc @machadoum |
Pinging @elastic/security-threat-hunting (Team:Threat Hunting) |
Pinging @elastic/security-solution (Team: SecuritySolution) |
…-link-to-kibana-app * 'master' of github.com:elastic/kibana: (120 commits) [TSVB] Support custom field format (elastic#101245) [VisEditors] Add code ownership to the functional tests (elastic#111680) [Lens] Make Lens saved object share-capable (elastic#111403) [Graph] Make Graph saved object share-capable (elastic#111404) [Stack Monitoring] Add breadcrumb support (elastic#111850) Update Jira Cloud to use OAuth2.0 (elastic#111493) Show warning message when attempting to create an APM alert in stack management (elastic#111781) Skip suite blocking ES snapshot promotion (elastic#111907) Respect `auth_provider_hint` if session is not authenticated. (elastic#111521) Added in 'Responses' field in alert telemetry & updated test (elastic#111892) [Usage collection] refactor cloud detector collector (elastic#110439) Make classnames a shared dep (elastic#111636) Fix link to e2e tests in APM testing.md (elastic#111869) [Security Solution] Add host.os.name.caseless mapping and runtime field (elastic#111455) [APM] Removes the beta label from APM tutorial (elastic#111499) (elastic#111828) [RAC] [Observability] Expand Observability alerts page functional tests (elastic#111297) Fix extra white space on the alert table whe page size is 50 or 100 (elastic#111568) [Metrics UI] Add Inventory Timeline open/close state to context and URL state (elastic#111034) [Graph] Switch to SavedObjectClient.resolve (elastic#109617) [APM] Adding lambda icon (elastic#111834) ... # Conflicts: # x-pack/plugins/reporting/public/management/__snapshots__/report_listing.test.tsx.snap
Friendly reminder: Looks like this PR hasn’t been backported yet. |
…111568) (#112116) Co-authored-by: Pablo Machado <[email protected]>
…111568) (#112117) Co-authored-by: Pablo Machado <[email protected]>
Summary
When selecting 50 or 100 items per page the table has some extra white space.
The bug also happens when filtering out the number of alerts in the table and then removing the filter.
It happens because the hack to calculate the height based on the content doesn't work when the table is smaller than the content. For some reason, DataGrid sets the inner height bigger than it should...
So, I added a hack on top of the hack. I hard-coded the size of the table for every page size. Then the calculation of the page height based on the content will only happen when
alertsQuantity < pageSize
.FYI: This hack is a workaround to calculate alert table height while EUI team doesn't fix this bug: elastic/eui#5030