Skip to content

[Security Solution][Alert KPI] Fix white space bug in alert KPIs#260803

Merged
kelvtanv merged 13 commits intoelastic:mainfrom
kelvtanv:fix-white-space-bug-in-alerts-kpi
Apr 14, 2026
Merged

[Security Solution][Alert KPI] Fix white space bug in alert KPIs#260803
kelvtanv merged 13 commits intoelastic:mainfrom
kelvtanv:fix-white-space-bug-in-alerts-kpi

Conversation

@kelvtanv
Copy link
Copy Markdown
Contributor

@kelvtanv kelvtanv commented Apr 1, 2026

Summary

See issue

  • Happens on both the new attacks page and alerts page for any kpi that has an arbitrary list of items
  • Caused by content overflowing parent container
    • For example within the Alerts by name kpi, if there are many rows, the content is hidden and scrollable but still (invisibly) takes up space within the parent container
  • Fix the tree map kpi to be bounded within the parent container (so border does not overlap with content) and only make the graph portion scrollable

To test

  1. Setup lots of rules (enough to overflow the kpi)
  2. Generate a bunch of alerts from those rules
  3. Alternatively, generate a bunch of alerts with unique hostnames to overflow the Top alerts by kpi when sorting by host.name
  4. Go to the summary section in alerts kpi and notice the large scrollable white space
  5. Go to the tree map and make sure the graph is large, notice the graph overlaps the border of the bounding container and scrolling scrolls the entire bounding container

Before:

prev.mov

After:

whitespace.bug.fix.mov

Checklist

Check the PR satisfies following conditions.

Reviewers should verify this PR satisfies this list as well.

  • The PR description includes the appropriate Release Notes section, and the correct release_note:* label is applied per the guidelines
  • Review the backport guidelines and apply applicable backport:* labels.

@kelvtanv kelvtanv requested a review from a team as a code owner April 1, 2026 19:07
@kelvtanv kelvtanv added backport:all-open Backport to all branches that could still receive a release release_note:skip Skip the PR/issue when compiling release notes labels Apr 1, 2026
Copy link
Copy Markdown
Contributor

@PhilippeOberti PhilippeOberti left a comment

Choose a reason for hiding this comment

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

While this fixes the empty space issue, it introduces an unwanted behavior on smaller screens.

This is the current behavior on main

Screen.Recording.2026-04-01.at.4.42.57.PM.mov

And this is the behavior on this branch

Screen.Recording.2026-04-01.at.4.40.43.PM.mov

@kelvtanv
Copy link
Copy Markdown
Contributor Author

kelvtanv commented Apr 2, 2026

While this fixes the empty space issue, it introduces an unwanted behavior on smaller screens.

This is the current behavior on main

Screen.Recording.2026-04-01.at.4.42.57.PM.mov
And this is the behavior on this branch

Screen.Recording.2026-04-01.at.4.40.43.PM.mov

Are you referring to how the kpi rows turn into cards? If so, I think that is how its supposed to function based on this EuiMemoryTable attribute, and in fact happens on main but the screen needs to be small enough

I can change the responsiveBreakpoint for each of the kpis to be false (never switch to cards) or a smaller screen size before switching, thoughts? IMO, I think its fine as it is

Screen.Recording.2026-04-01.at.9.24.06.PM.mov

@kelvtanv kelvtanv requested a review from PhilippeOberti April 2, 2026 01:49
@PhilippeOberti
Copy link
Copy Markdown
Contributor

While this fixes the empty space issue, it introduces an unwanted behavior on smaller screens.
This is the current behavior on main
Screen.Recording.2026-04-01.at.4.42.57.PM.mov
And this is the behavior on this branch
Screen.Recording.2026-04-01.at.4.40.43.PM.mov

Are you referring to how the kpi rows turn into cards? If so, I think that is how its supposed to function based on this EuiMemoryTable attribute, and in fact happens on main but the screen needs to be small enough

I can change the responsiveBreakpoint for each of the kpis to be false (never switch to cards) or a smaller screen size before switching, thoughts? IMO, I think its fine as it is

No I meant on main right now the 3 charts vertically aligned within a scrollable area that has a specific height, but with your change, we now have a vertical area that is much taller, so we have to scroll down quite a bit on the page to get to the table

Copy link
Copy Markdown
Contributor

@PhilippeOberti PhilippeOberti left a comment

Choose a reason for hiding this comment

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

Now the behavior seems correct, thanks for fixing this!

I would change the release_note:skip label into release_note:fix for docs to pick this up.

@PhilippeOberti PhilippeOberti added the Team:Threat Hunting:Investigations Security Solution Threat Hunting Investigations Team label Apr 13, 2026
@elasticmachine
Copy link
Copy Markdown
Contributor

Pinging @elastic/security-threat-hunting-investigations (Team:Threat Hunting:Investigations)

@elasticmachine
Copy link
Copy Markdown
Contributor

💛 Build succeeded, but was flaky

Failed CI Steps

Test Failures

  • [job] [logs] FTR Configs #181 / console app console autocomplete feature ESQL queries does not suggest ESQL when inside non-query triple quotes

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
securitySolution 11.7MB 11.7MB -51.0B

History

@kelvtanv kelvtanv added release_note:fix and removed release_note:skip Skip the PR/issue when compiling release notes labels Apr 14, 2026
@kelvtanv kelvtanv merged commit 58479ea into elastic:main Apr 14, 2026
24 checks passed
@kibanamachine
Copy link
Copy Markdown
Contributor

Starting backport for target branches: 8.19, 9.2, 9.3, 9.4

https://github.com/elastic/kibana/actions/runs/24400582568

kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Apr 14, 2026
…stic#260803)

## Summary

[See issue](elastic#225838)

- Happens on both the new attacks page and alerts page for any kpi that
has an arbitrary list of items
- Caused by content overflowing parent container
- For example within the `Alerts by name` kpi, if there are many rows,
the content is hidden and scrollable but still (invisibly) takes up
space within the parent container
- Fix the tree map kpi to be bounded within the parent container (so
border does not overlap with content) and only make the graph portion
scrollable

### To test
1. Setup lots of rules (enough to overflow the kpi)
2. Generate a bunch of alerts from those rules
3. Alternatively, generate a bunch of alerts with unique hostnames to
overflow the `Top alerts by` kpi when sorting by `host.name`
4. Go to the summary section in alerts kpi and notice the large
scrollable white space
5. Go to the tree map and make sure the graph is large, notice the graph
overlaps the border of the bounding container and scrolling scrolls the
entire bounding container

Before:

https://github.com/user-attachments/assets/be6683c7-8590-495f-bc89-fce7182af135

After:

https://github.com/user-attachments/assets/7b4d53c7-cfd4-406f-8955-80217b5dd09e

### Checklist

Check the PR satisfies following conditions.

Reviewers should verify this PR satisfies this list as well.

- [ ] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)
- [ ] Review the [backport
guidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)
and apply applicable `backport:*` labels.

(cherry picked from commit 58479ea)
@kibanamachine
Copy link
Copy Markdown
Contributor

💔 Some backports could not be created

Status Branch Result
8.19 Backport failed because of merge conflicts

You might need to backport the following PRs to 8.19:
- [Scout] Migrate Data Views API tests from FTR - Part4 (#257709)
- Scout: enable Selective testing in Pull Requests (#261510)
9.2 Backport failed because of merge conflicts
9.3 Backport failed because of merge conflicts
9.4

Note: Successful backport PRs will be merged automatically after passing CI.

Manual backport

To create the backport manually run:

node scripts/backport --pr 260803

Questions ?

Please refer to the Backport tool documentation

kibanamachine added a commit that referenced this pull request Apr 14, 2026
#260803) (#263070)

# Backport

This will backport the following commits from `main` to `9.4`:
- [[Security Solution][Alert KPI] Fix white space bug in alert KPIs
(#260803)](#260803)

<!--- Backport version: 9.6.6 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Kelvin
Tan","email":"141756464+kelvtanv@users.noreply.github.com"},"sourceCommit":{"committedDate":"2026-04-14T13:05:29Z","message":"[Security
Solution][Alert KPI] Fix white space bug in alert KPIs (#260803)\n\n##
Summary\n\n[See
issue](https://github.com/elastic/kibana/issues/225838)\n\n- Happens on
both the new attacks page and alerts page for any kpi that\nhas an
arbitrary list of items\n- Caused by content overflowing parent
container \n- For example within the `Alerts by name` kpi, if there are
many rows,\nthe content is hidden and scrollable but still (invisibly)
takes up\nspace within the parent container\n- Fix the tree map kpi to
be bounded within the parent container (so\nborder does not overlap with
content) and only make the graph portion\nscrollable\n\n### To test\n1.
Setup lots of rules (enough to overflow the kpi)\n2. Generate a bunch of
alerts from those rules\n3. Alternatively, generate a bunch of alerts
with unique hostnames to\noverflow the `Top alerts by` kpi when sorting
by `host.name`\n4. Go to the summary section in alerts kpi and notice
the large\nscrollable white space\n5. Go to the tree map and make sure
the graph is large, notice the graph\noverlaps the border of the
bounding container and scrolling scrolls the\nentire bounding
container\n\nBefore:\n\n\nhttps://github.com/user-attachments/assets/be6683c7-8590-495f-bc89-fce7182af135\n\nAfter:\n\n\n\nhttps://github.com/user-attachments/assets/7b4d53c7-cfd4-406f-8955-80217b5dd09e\n\n\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers
should verify this PR satisfies this list as well.\n\n- [ ] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[ ] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"58479ea7a8c04967d6805239f5f7e192f1d9b584","branchLabelMapping":{"^v9.5.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","Team:Threat
Hunting:Investigations","backport:all-open","v9.4.0","v9.5.0"],"title":"[Security
Solution][Alert KPI] Fix white space bug in alert
KPIs","number":260803,"url":"https://github.com/elastic/kibana/pull/260803","mergeCommit":{"message":"[Security
Solution][Alert KPI] Fix white space bug in alert KPIs (#260803)\n\n##
Summary\n\n[See
issue](https://github.com/elastic/kibana/issues/225838)\n\n- Happens on
both the new attacks page and alerts page for any kpi that\nhas an
arbitrary list of items\n- Caused by content overflowing parent
container \n- For example within the `Alerts by name` kpi, if there are
many rows,\nthe content is hidden and scrollable but still (invisibly)
takes up\nspace within the parent container\n- Fix the tree map kpi to
be bounded within the parent container (so\nborder does not overlap with
content) and only make the graph portion\nscrollable\n\n### To test\n1.
Setup lots of rules (enough to overflow the kpi)\n2. Generate a bunch of
alerts from those rules\n3. Alternatively, generate a bunch of alerts
with unique hostnames to\noverflow the `Top alerts by` kpi when sorting
by `host.name`\n4. Go to the summary section in alerts kpi and notice
the large\nscrollable white space\n5. Go to the tree map and make sure
the graph is large, notice the graph\noverlaps the border of the
bounding container and scrolling scrolls the\nentire bounding
container\n\nBefore:\n\n\nhttps://github.com/user-attachments/assets/be6683c7-8590-495f-bc89-fce7182af135\n\nAfter:\n\n\n\nhttps://github.com/user-attachments/assets/7b4d53c7-cfd4-406f-8955-80217b5dd09e\n\n\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers
should verify this PR satisfies this list as well.\n\n- [ ] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[ ] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"58479ea7a8c04967d6805239f5f7e192f1d9b584"}},"sourceBranch":"main","suggestedTargetBranches":["9.4"],"targetPullRequestStates":[{"branch":"9.4","label":"v9.4.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.5.0","branchLabelMappingKey":"^v9.5.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/260803","number":260803,"mergeCommit":{"message":"[Security
Solution][Alert KPI] Fix white space bug in alert KPIs (#260803)\n\n##
Summary\n\n[See
issue](https://github.com/elastic/kibana/issues/225838)\n\n- Happens on
both the new attacks page and alerts page for any kpi that\nhas an
arbitrary list of items\n- Caused by content overflowing parent
container \n- For example within the `Alerts by name` kpi, if there are
many rows,\nthe content is hidden and scrollable but still (invisibly)
takes up\nspace within the parent container\n- Fix the tree map kpi to
be bounded within the parent container (so\nborder does not overlap with
content) and only make the graph portion\nscrollable\n\n### To test\n1.
Setup lots of rules (enough to overflow the kpi)\n2. Generate a bunch of
alerts from those rules\n3. Alternatively, generate a bunch of alerts
with unique hostnames to\noverflow the `Top alerts by` kpi when sorting
by `host.name`\n4. Go to the summary section in alerts kpi and notice
the large\nscrollable white space\n5. Go to the tree map and make sure
the graph is large, notice the graph\noverlaps the border of the
bounding container and scrolling scrolls the\nentire bounding
container\n\nBefore:\n\n\nhttps://github.com/user-attachments/assets/be6683c7-8590-495f-bc89-fce7182af135\n\nAfter:\n\n\n\nhttps://github.com/user-attachments/assets/7b4d53c7-cfd4-406f-8955-80217b5dd09e\n\n\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers
should verify this PR satisfies this list as well.\n\n- [ ] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[ ] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"58479ea7a8c04967d6805239f5f7e192f1d9b584"}}]}]
BACKPORT-->

Co-authored-by: Kelvin Tan <141756464+kelvtanv@users.noreply.github.com>
mbondyra added a commit to mbondyra/kibana that referenced this pull request Apr 14, 2026
* commit '11ed3645c5ededae2a6e29f2a79b31f52208b441': (157 commits)
  remove sync register uiAction methods (elastic#254590)
  [performance] Apply minimal auth to the search route (elastic#257497)
  [ES|QL] Reports correctly the controls server side errors (elastic#263020)
  [SecuritySolution][Navigation] Enable classic nav updates (elastic#262358)
  [Inference] Use pretty name and logo on feature settings page (elastic#262531)
  [Security Solution] fix AT-AB cypress test (elastic#262991)
  [SigEvents] Seed sigevents env script (elastic#261172)
  Adjust conditions for validating no refetch for expanded row (elastic#262978)
  [Agent Builder] update copy for the announcement modal (elastic#263034)
  [Search] Hide index management links for users without privileges (elastic#262627)
  Simplify OAS schema for GET `/api/spaces/space` query params (elastic#260831)
  Fix fleet output OAS regressions: SSL type explosion and Kafka union wrappers (elastic#260842)
  [Dashboards in chat] fix agent confusing the axes in a horizontal chat (elastic#263064)
  [One Workflow] Add alert state checkbox UI for workflow connector (elastic#259770)
  [One Workflow] Deprecate legacy Cases step types in workflow authoring (elastic#262070)
  skip failing test suite (elastic#248090)
  fix flaky test: MonitorDetails filter apply button not enabled (elastic#260788)
  fix: propagate AbortSignal to executeAsReasoningAgent for task cancellation (elastic#262811)
  [Security Solution][Alert KPI] Fix white space bug in alert KPIs (elastic#260803)
  [Streams] Move helpers and format_size_unit to utils folder (elastic#262550)
  ...

# Conflicts:
#	x-pack/platform/plugins/shared/dashboard_agent/public/attachment_types/canvas_integration/dashboard_canvas_content.test.tsx
#	x-pack/platform/plugins/shared/dashboard_agent/public/attachment_types/canvas_integration/dashboard_canvas_content.tsx
#	x-pack/platform/plugins/shared/dashboard_agent/public/attachment_types/canvas_integration/use_register_canvas_action_buttons.ts
#	x-pack/platform/plugins/shared/dashboard_agent/public/attachment_types/index.test.tsx
#	x-pack/platform/plugins/shared/dashboard_agent/public/attachment_types/index.tsx
kelvtanv added a commit to kelvtanv/kibana that referenced this pull request Apr 14, 2026
…stic#260803)

## Summary

[See issue](elastic#225838)

- Happens on both the new attacks page and alerts page for any kpi that
has an arbitrary list of items
- Caused by content overflowing parent container
- For example within the `Alerts by name` kpi, if there are many rows,
the content is hidden and scrollable but still (invisibly) takes up
space within the parent container
- Fix the tree map kpi to be bounded within the parent container (so
border does not overlap with content) and only make the graph portion
scrollable

### To test
1. Setup lots of rules (enough to overflow the kpi)
2. Generate a bunch of alerts from those rules
3. Alternatively, generate a bunch of alerts with unique hostnames to
overflow the `Top alerts by` kpi when sorting by `host.name`
4. Go to the summary section in alerts kpi and notice the large
scrollable white space
5. Go to the tree map and make sure the graph is large, notice the graph
overlaps the border of the bounding container and scrolling scrolls the
entire bounding container

Before:

https://github.com/user-attachments/assets/be6683c7-8590-495f-bc89-fce7182af135

After:

https://github.com/user-attachments/assets/7b4d53c7-cfd4-406f-8955-80217b5dd09e

### Checklist

Check the PR satisfies following conditions.

Reviewers should verify this PR satisfies this list as well.

- [ ] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)
- [ ] Review the [backport
guidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)
and apply applicable `backport:*` labels.

(cherry picked from commit 58479ea)

# Conflicts:
#	x-pack/solutions/security/plugins/security_solution/public/detections/components/attacks/kpis/attacks_summary_panel.tsx
@kelvtanv
Copy link
Copy Markdown
Contributor Author

💚 All backports created successfully

Status Branch Result
9.3
9.2
8.19

Note: Successful backport PRs will be merged automatically after passing CI.

Questions ?

Please refer to the Backport tool documentation

kelvtanv added a commit to kelvtanv/kibana that referenced this pull request Apr 14, 2026
…stic#260803)

## Summary

[See issue](elastic#225838)

- Happens on both the new attacks page and alerts page for any kpi that
has an arbitrary list of items
- Caused by content overflowing parent container
- For example within the `Alerts by name` kpi, if there are many rows,
the content is hidden and scrollable but still (invisibly) takes up
space within the parent container
- Fix the tree map kpi to be bounded within the parent container (so
border does not overlap with content) and only make the graph portion
scrollable

### To test
1. Setup lots of rules (enough to overflow the kpi)
2. Generate a bunch of alerts from those rules
3. Alternatively, generate a bunch of alerts with unique hostnames to
overflow the `Top alerts by` kpi when sorting by `host.name`
4. Go to the summary section in alerts kpi and notice the large
scrollable white space
5. Go to the tree map and make sure the graph is large, notice the graph
overlaps the border of the bounding container and scrolling scrolls the
entire bounding container

Before:

https://github.com/user-attachments/assets/be6683c7-8590-495f-bc89-fce7182af135

After:

https://github.com/user-attachments/assets/7b4d53c7-cfd4-406f-8955-80217b5dd09e

### Checklist

Check the PR satisfies following conditions.

Reviewers should verify this PR satisfies this list as well.

- [ ] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)
- [ ] Review the [backport
guidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)
and apply applicable `backport:*` labels.

(cherry picked from commit 58479ea)

# Conflicts:
#	x-pack/solutions/security/plugins/security_solution/public/detections/components/attacks/kpis/attacks_summary_panel.tsx
kelvtanv added a commit to kelvtanv/kibana that referenced this pull request Apr 14, 2026
…stic#260803)

## Summary

[See issue](elastic#225838)

- Happens on both the new attacks page and alerts page for any kpi that
has an arbitrary list of items
- Caused by content overflowing parent container
- For example within the `Alerts by name` kpi, if there are many rows,
the content is hidden and scrollable but still (invisibly) takes up
space within the parent container
- Fix the tree map kpi to be bounded within the parent container (so
border does not overlap with content) and only make the graph portion
scrollable

### To test
1. Setup lots of rules (enough to overflow the kpi)
2. Generate a bunch of alerts from those rules
3. Alternatively, generate a bunch of alerts with unique hostnames to
overflow the `Top alerts by` kpi when sorting by `host.name`
4. Go to the summary section in alerts kpi and notice the large
scrollable white space
5. Go to the tree map and make sure the graph is large, notice the graph
overlaps the border of the bounding container and scrolling scrolls the
entire bounding container

Before:

https://github.com/user-attachments/assets/be6683c7-8590-495f-bc89-fce7182af135

After:

https://github.com/user-attachments/assets/7b4d53c7-cfd4-406f-8955-80217b5dd09e

### Checklist

Check the PR satisfies following conditions.

Reviewers should verify this PR satisfies this list as well.

- [ ] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)
- [ ] Review the [backport
guidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)
and apply applicable `backport:*` labels.

(cherry picked from commit 58479ea)

# Conflicts:
#	x-pack/solutions/security/plugins/security_solution/public/detections/components/attacks/kpis/attacks_summary_panel.tsx
kelvtanv added a commit that referenced this pull request Apr 14, 2026
#260803) (#263149)

# Backport

This will backport the following commits from `main` to `9.3`:
- [[Security Solution][Alert KPI] Fix white space bug in alert KPIs
(#260803)](#260803)

<!--- Backport version: 11.0.1 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Kelvin
Tan","email":"141756464+kelvtanv@users.noreply.github.com"},"sourceCommit":{"committedDate":"2026-04-14T13:05:29Z","message":"[Security
Solution][Alert KPI] Fix white space bug in alert KPIs (#260803)\n\n##
Summary\n\n[See
issue](https://github.com/elastic/kibana/issues/225838)\n\n- Happens on
both the new attacks page and alerts page for any kpi that\nhas an
arbitrary list of items\n- Caused by content overflowing parent
container \n- For example within the `Alerts by name` kpi, if there are
many rows,\nthe content is hidden and scrollable but still (invisibly)
takes up\nspace within the parent container\n- Fix the tree map kpi to
be bounded within the parent container (so\nborder does not overlap with
content) and only make the graph portion\nscrollable\n\n### To test\n1.
Setup lots of rules (enough to overflow the kpi)\n2. Generate a bunch of
alerts from those rules\n3. Alternatively, generate a bunch of alerts
with unique hostnames to\noverflow the `Top alerts by` kpi when sorting
by `host.name`\n4. Go to the summary section in alerts kpi and notice
the large\nscrollable white space\n5. Go to the tree map and make sure
the graph is large, notice the graph\noverlaps the border of the
bounding container and scrolling scrolls the\nentire bounding
container\n\nBefore:\n\n\nhttps://github.com/user-attachments/assets/be6683c7-8590-495f-bc89-fce7182af135\n\nAfter:\n\n\n\nhttps://github.com/user-attachments/assets/7b4d53c7-cfd4-406f-8955-80217b5dd09e\n\n\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers
should verify this PR satisfies this list as well.\n\n- [ ] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[ ] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"58479ea7a8c04967d6805239f5f7e192f1d9b584","branchLabelMapping":{"^v9.5.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","Team:Threat
Hunting:Investigations","backport:all-open","v9.4.0","v9.5.0"],"title":"[Security
Solution][Alert KPI] Fix white space bug in alert
KPIs","number":260803,"url":"https://github.com/elastic/kibana/pull/260803","mergeCommit":{"message":"[Security
Solution][Alert KPI] Fix white space bug in alert KPIs (#260803)\n\n##
Summary\n\n[See
issue](https://github.com/elastic/kibana/issues/225838)\n\n- Happens on
both the new attacks page and alerts page for any kpi that\nhas an
arbitrary list of items\n- Caused by content overflowing parent
container \n- For example within the `Alerts by name` kpi, if there are
many rows,\nthe content is hidden and scrollable but still (invisibly)
takes up\nspace within the parent container\n- Fix the tree map kpi to
be bounded within the parent container (so\nborder does not overlap with
content) and only make the graph portion\nscrollable\n\n### To test\n1.
Setup lots of rules (enough to overflow the kpi)\n2. Generate a bunch of
alerts from those rules\n3. Alternatively, generate a bunch of alerts
with unique hostnames to\noverflow the `Top alerts by` kpi when sorting
by `host.name`\n4. Go to the summary section in alerts kpi and notice
the large\nscrollable white space\n5. Go to the tree map and make sure
the graph is large, notice the graph\noverlaps the border of the
bounding container and scrolling scrolls the\nentire bounding
container\n\nBefore:\n\n\nhttps://github.com/user-attachments/assets/be6683c7-8590-495f-bc89-fce7182af135\n\nAfter:\n\n\n\nhttps://github.com/user-attachments/assets/7b4d53c7-cfd4-406f-8955-80217b5dd09e\n\n\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers
should verify this PR satisfies this list as well.\n\n- [ ] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[ ] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"58479ea7a8c04967d6805239f5f7e192f1d9b584"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"9.4","label":"v9.4.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"url":"https://github.com/elastic/kibana/pull/263070","number":263070,"state":"MERGED","mergeCommit":{"sha":"421b14f38b985ea8cec5ede61aebcbb71abd22dd","message":"[9.4]
[Security Solution][Alert KPI] Fix white space bug in alert KPIs
(#260803) (#263070)\n\n# Backport\n\nThis will backport the following
commits from `main` to `9.4`:\n- [[Security Solution][Alert KPI] Fix
white space bug in alert
KPIs\n(#260803)](https://github.com/elastic/kibana/pull/260803)\n\n\n\n###
Questions ?\nPlease refer to the [Backport
tool\ndocumentation](https://github.com/sorenlouv/backport)\n\n\n\nCo-authored-by:
Kelvin Tan
<141756464+kelvtanv@users.noreply.github.com>"}},{"branch":"main","label":"v9.5.0","branchLabelMappingKey":"^v9.5.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/260803","number":260803,"mergeCommit":{"message":"[Security
Solution][Alert KPI] Fix white space bug in alert KPIs (#260803)\n\n##
Summary\n\n[See
issue](https://github.com/elastic/kibana/issues/225838)\n\n- Happens on
both the new attacks page and alerts page for any kpi that\nhas an
arbitrary list of items\n- Caused by content overflowing parent
container \n- For example within the `Alerts by name` kpi, if there are
many rows,\nthe content is hidden and scrollable but still (invisibly)
takes up\nspace within the parent container\n- Fix the tree map kpi to
be bounded within the parent container (so\nborder does not overlap with
content) and only make the graph portion\nscrollable\n\n### To test\n1.
Setup lots of rules (enough to overflow the kpi)\n2. Generate a bunch of
alerts from those rules\n3. Alternatively, generate a bunch of alerts
with unique hostnames to\noverflow the `Top alerts by` kpi when sorting
by `host.name`\n4. Go to the summary section in alerts kpi and notice
the large\nscrollable white space\n5. Go to the tree map and make sure
the graph is large, notice the graph\noverlaps the border of the
bounding container and scrolling scrolls the\nentire bounding
container\n\nBefore:\n\n\nhttps://github.com/user-attachments/assets/be6683c7-8590-495f-bc89-fce7182af135\n\nAfter:\n\n\n\nhttps://github.com/user-attachments/assets/7b4d53c7-cfd4-406f-8955-80217b5dd09e\n\n\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers
should verify this PR satisfies this list as well.\n\n- [ ] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[ ] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"58479ea7a8c04967d6805239f5f7e192f1d9b584"}}]}]
BACKPORT-->
kelvtanv added a commit that referenced this pull request Apr 14, 2026
#260803) (#263150)

# Backport

This will backport the following commits from `main` to `9.2`:
- [[Security Solution][Alert KPI] Fix white space bug in alert KPIs
(#260803)](#260803)

<!--- Backport version: 11.0.1 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Kelvin
Tan","email":"141756464+kelvtanv@users.noreply.github.com"},"sourceCommit":{"committedDate":"2026-04-14T13:05:29Z","message":"[Security
Solution][Alert KPI] Fix white space bug in alert KPIs (#260803)\n\n##
Summary\n\n[See
issue](https://github.com/elastic/kibana/issues/225838)\n\n- Happens on
both the new attacks page and alerts page for any kpi that\nhas an
arbitrary list of items\n- Caused by content overflowing parent
container \n- For example within the `Alerts by name` kpi, if there are
many rows,\nthe content is hidden and scrollable but still (invisibly)
takes up\nspace within the parent container\n- Fix the tree map kpi to
be bounded within the parent container (so\nborder does not overlap with
content) and only make the graph portion\nscrollable\n\n### To test\n1.
Setup lots of rules (enough to overflow the kpi)\n2. Generate a bunch of
alerts from those rules\n3. Alternatively, generate a bunch of alerts
with unique hostnames to\noverflow the `Top alerts by` kpi when sorting
by `host.name`\n4. Go to the summary section in alerts kpi and notice
the large\nscrollable white space\n5. Go to the tree map and make sure
the graph is large, notice the graph\noverlaps the border of the
bounding container and scrolling scrolls the\nentire bounding
container\n\nBefore:\n\n\nhttps://github.com/user-attachments/assets/be6683c7-8590-495f-bc89-fce7182af135\n\nAfter:\n\n\n\nhttps://github.com/user-attachments/assets/7b4d53c7-cfd4-406f-8955-80217b5dd09e\n\n\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers
should verify this PR satisfies this list as well.\n\n- [ ] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[ ] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"58479ea7a8c04967d6805239f5f7e192f1d9b584","branchLabelMapping":{"^v9.5.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","Team:Threat
Hunting:Investigations","backport:all-open","v9.4.0","v9.5.0"],"title":"[Security
Solution][Alert KPI] Fix white space bug in alert
KPIs","number":260803,"url":"https://github.com/elastic/kibana/pull/260803","mergeCommit":{"message":"[Security
Solution][Alert KPI] Fix white space bug in alert KPIs (#260803)\n\n##
Summary\n\n[See
issue](https://github.com/elastic/kibana/issues/225838)\n\n- Happens on
both the new attacks page and alerts page for any kpi that\nhas an
arbitrary list of items\n- Caused by content overflowing parent
container \n- For example within the `Alerts by name` kpi, if there are
many rows,\nthe content is hidden and scrollable but still (invisibly)
takes up\nspace within the parent container\n- Fix the tree map kpi to
be bounded within the parent container (so\nborder does not overlap with
content) and only make the graph portion\nscrollable\n\n### To test\n1.
Setup lots of rules (enough to overflow the kpi)\n2. Generate a bunch of
alerts from those rules\n3. Alternatively, generate a bunch of alerts
with unique hostnames to\noverflow the `Top alerts by` kpi when sorting
by `host.name`\n4. Go to the summary section in alerts kpi and notice
the large\nscrollable white space\n5. Go to the tree map and make sure
the graph is large, notice the graph\noverlaps the border of the
bounding container and scrolling scrolls the\nentire bounding
container\n\nBefore:\n\n\nhttps://github.com/user-attachments/assets/be6683c7-8590-495f-bc89-fce7182af135\n\nAfter:\n\n\n\nhttps://github.com/user-attachments/assets/7b4d53c7-cfd4-406f-8955-80217b5dd09e\n\n\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers
should verify this PR satisfies this list as well.\n\n- [ ] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[ ] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"58479ea7a8c04967d6805239f5f7e192f1d9b584"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"9.4","label":"v9.4.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"url":"https://github.com/elastic/kibana/pull/263070","number":263070,"state":"MERGED","mergeCommit":{"sha":"421b14f38b985ea8cec5ede61aebcbb71abd22dd","message":"[9.4]
[Security Solution][Alert KPI] Fix white space bug in alert KPIs
(#260803) (#263070)\n\n# Backport\n\nThis will backport the following
commits from `main` to `9.4`:\n- [[Security Solution][Alert KPI] Fix
white space bug in alert
KPIs\n(#260803)](https://github.com/elastic/kibana/pull/260803)\n\n\n\n###
Questions ?\nPlease refer to the [Backport
tool\ndocumentation](https://github.com/sorenlouv/backport)\n\n\n\nCo-authored-by:
Kelvin Tan
<141756464+kelvtanv@users.noreply.github.com>"}},{"branch":"main","label":"v9.5.0","branchLabelMappingKey":"^v9.5.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/260803","number":260803,"mergeCommit":{"message":"[Security
Solution][Alert KPI] Fix white space bug in alert KPIs (#260803)\n\n##
Summary\n\n[See
issue](https://github.com/elastic/kibana/issues/225838)\n\n- Happens on
both the new attacks page and alerts page for any kpi that\nhas an
arbitrary list of items\n- Caused by content overflowing parent
container \n- For example within the `Alerts by name` kpi, if there are
many rows,\nthe content is hidden and scrollable but still (invisibly)
takes up\nspace within the parent container\n- Fix the tree map kpi to
be bounded within the parent container (so\nborder does not overlap with
content) and only make the graph portion\nscrollable\n\n### To test\n1.
Setup lots of rules (enough to overflow the kpi)\n2. Generate a bunch of
alerts from those rules\n3. Alternatively, generate a bunch of alerts
with unique hostnames to\noverflow the `Top alerts by` kpi when sorting
by `host.name`\n4. Go to the summary section in alerts kpi and notice
the large\nscrollable white space\n5. Go to the tree map and make sure
the graph is large, notice the graph\noverlaps the border of the
bounding container and scrolling scrolls the\nentire bounding
container\n\nBefore:\n\n\nhttps://github.com/user-attachments/assets/be6683c7-8590-495f-bc89-fce7182af135\n\nAfter:\n\n\n\nhttps://github.com/user-attachments/assets/7b4d53c7-cfd4-406f-8955-80217b5dd09e\n\n\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers
should verify this PR satisfies this list as well.\n\n- [ ] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[ ] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"58479ea7a8c04967d6805239f5f7e192f1d9b584"}}]}]
BACKPORT-->
kelvtanv added a commit that referenced this pull request Apr 14, 2026
…Is (#260803) (#263152)

# Backport

Sanity check:


https://github.com/user-attachments/assets/cc21ed7d-5e32-45b3-8b6d-677be0e0a23a

This will backport the following commits from `main` to `8.19`:
- [[Security Solution][Alert KPI] Fix white space bug in alert KPIs
(#260803)](#260803)

<!--- Backport version: 11.0.1 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Kelvin
Tan","email":"141756464+kelvtanv@users.noreply.github.com"},"sourceCommit":{"committedDate":"2026-04-14T13:05:29Z","message":"[Security
Solution][Alert KPI] Fix white space bug in alert KPIs (#260803)\n\n##
Summary\n\n[See
issue](https://github.com/elastic/kibana/issues/225838)\n\n- Happens on
both the new attacks page and alerts page for any kpi that\nhas an
arbitrary list of items\n- Caused by content overflowing parent
container \n- For example within the `Alerts by name` kpi, if there are
many rows,\nthe content is hidden and scrollable but still (invisibly)
takes up\nspace within the parent container\n- Fix the tree map kpi to
be bounded within the parent container (so\nborder does not overlap with
content) and only make the graph portion\nscrollable\n\n### To test\n1.
Setup lots of rules (enough to overflow the kpi)\n2. Generate a bunch of
alerts from those rules\n3. Alternatively, generate a bunch of alerts
with unique hostnames to\noverflow the `Top alerts by` kpi when sorting
by `host.name`\n4. Go to the summary section in alerts kpi and notice
the large\nscrollable white space\n5. Go to the tree map and make sure
the graph is large, notice the graph\noverlaps the border of the
bounding container and scrolling scrolls the\nentire bounding
container\n\nBefore:\n\n\nhttps://github.com/user-attachments/assets/be6683c7-8590-495f-bc89-fce7182af135\n\nAfter:\n\n\n\nhttps://github.com/user-attachments/assets/7b4d53c7-cfd4-406f-8955-80217b5dd09e\n\n\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers
should verify this PR satisfies this list as well.\n\n- [ ] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[ ] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"58479ea7a8c04967d6805239f5f7e192f1d9b584","branchLabelMapping":{"^v9.5.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","Team:Threat
Hunting:Investigations","backport:all-open","v9.4.0","v9.5.0"],"title":"[Security
Solution][Alert KPI] Fix white space bug in alert
KPIs","number":260803,"url":"https://github.com/elastic/kibana/pull/260803","mergeCommit":{"message":"[Security
Solution][Alert KPI] Fix white space bug in alert KPIs (#260803)\n\n##
Summary\n\n[See
issue](https://github.com/elastic/kibana/issues/225838)\n\n- Happens on
both the new attacks page and alerts page for any kpi that\nhas an
arbitrary list of items\n- Caused by content overflowing parent
container \n- For example within the `Alerts by name` kpi, if there are
many rows,\nthe content is hidden and scrollable but still (invisibly)
takes up\nspace within the parent container\n- Fix the tree map kpi to
be bounded within the parent container (so\nborder does not overlap with
content) and only make the graph portion\nscrollable\n\n### To test\n1.
Setup lots of rules (enough to overflow the kpi)\n2. Generate a bunch of
alerts from those rules\n3. Alternatively, generate a bunch of alerts
with unique hostnames to\noverflow the `Top alerts by` kpi when sorting
by `host.name`\n4. Go to the summary section in alerts kpi and notice
the large\nscrollable white space\n5. Go to the tree map and make sure
the graph is large, notice the graph\noverlaps the border of the
bounding container and scrolling scrolls the\nentire bounding
container\n\nBefore:\n\n\nhttps://github.com/user-attachments/assets/be6683c7-8590-495f-bc89-fce7182af135\n\nAfter:\n\n\n\nhttps://github.com/user-attachments/assets/7b4d53c7-cfd4-406f-8955-80217b5dd09e\n\n\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers
should verify this PR satisfies this list as well.\n\n- [ ] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[ ] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"58479ea7a8c04967d6805239f5f7e192f1d9b584"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"9.4","label":"v9.4.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"url":"https://github.com/elastic/kibana/pull/263070","number":263070,"state":"MERGED","mergeCommit":{"sha":"421b14f38b985ea8cec5ede61aebcbb71abd22dd","message":"[9.4]
[Security Solution][Alert KPI] Fix white space bug in alert KPIs
(#260803) (#263070)\n\n# Backport\n\nThis will backport the following
commits from `main` to `9.4`:\n- [[Security Solution][Alert KPI] Fix
white space bug in alert
KPIs\n(#260803)](https://github.com/elastic/kibana/pull/260803)\n\n\n\n###
Questions ?\nPlease refer to the [Backport
tool\ndocumentation](https://github.com/sorenlouv/backport)\n\n\n\nCo-authored-by:
Kelvin Tan
<141756464+kelvtanv@users.noreply.github.com>"}},{"branch":"main","label":"v9.5.0","branchLabelMappingKey":"^v9.5.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/260803","number":260803,"mergeCommit":{"message":"[Security
Solution][Alert KPI] Fix white space bug in alert KPIs (#260803)\n\n##
Summary\n\n[See
issue](https://github.com/elastic/kibana/issues/225838)\n\n- Happens on
both the new attacks page and alerts page for any kpi that\nhas an
arbitrary list of items\n- Caused by content overflowing parent
container \n- For example within the `Alerts by name` kpi, if there are
many rows,\nthe content is hidden and scrollable but still (invisibly)
takes up\nspace within the parent container\n- Fix the tree map kpi to
be bounded within the parent container (so\nborder does not overlap with
content) and only make the graph portion\nscrollable\n\n### To test\n1.
Setup lots of rules (enough to overflow the kpi)\n2. Generate a bunch of
alerts from those rules\n3. Alternatively, generate a bunch of alerts
with unique hostnames to\noverflow the `Top alerts by` kpi when sorting
by `host.name`\n4. Go to the summary section in alerts kpi and notice
the large\nscrollable white space\n5. Go to the tree map and make sure
the graph is large, notice the graph\noverlaps the border of the
bounding container and scrolling scrolls the\nentire bounding
container\n\nBefore:\n\n\nhttps://github.com/user-attachments/assets/be6683c7-8590-495f-bc89-fce7182af135\n\nAfter:\n\n\n\nhttps://github.com/user-attachments/assets/7b4d53c7-cfd4-406f-8955-80217b5dd09e\n\n\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers
should verify this PR satisfies this list as well.\n\n- [ ] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[ ] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"58479ea7a8c04967d6805239f5f7e192f1d9b584"}}]}]
BACKPORT-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:all-open Backport to all branches that could still receive a release release_note:fix Team:Threat Hunting:Investigations Security Solution Threat Hunting Investigations Team v8.19.15 v9.2.9 v9.3.4 v9.4.0 v9.5.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants