-
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
[Security Solution] Fix flyout history flickering #211662
[Security Solution] Fix flyout history flickering #211662
Conversation
cab5f39
to
1e42140
Compare
Pinging @elastic/security-threat-hunting-investigations (Team:Threat Hunting:Investigations) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
love this enhancement, desk tested and code LGTM!
Starting backport for target branches: 8.18, 8.x, 9.0 |
💚 Build Succeeded
Metrics [docs]Async chunks
History
|
## Summary This PR fixed a flickering issue in flyout history **Before** `Event details` is shown and then replaced by actual alert title https://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b **After** Show a loading skeleton text while fetching rule name  ### Checklist - [x] [Unit or functional tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html) were updated or added to match the most common scenarios - [x] 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) (cherry picked from commit e2730f7)
## Summary This PR fixed a flickering issue in flyout history **Before** `Event details` is shown and then replaced by actual alert title https://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b **After** Show a loading skeleton text while fetching rule name  ### Checklist - [x] [Unit or functional tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html) were updated or added to match the most common scenarios - [x] 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) (cherry picked from commit e2730f7)
## Summary This PR fixed a flickering issue in flyout history **Before** `Event details` is shown and then replaced by actual alert title https://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b **After** Show a loading skeleton text while fetching rule name  ### Checklist - [x] [Unit or functional tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html) were updated or added to match the most common scenarios - [x] 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) (cherry picked from commit e2730f7)
💚 All backports created successfully
Note: Successful backport PRs will be merged automatically after passing CI. Questions ?Please refer to the Backport tool documentation |
…11937) # Backport This will backport the following commits from `main` to `9.0`: - [[Security Solution] Fix flyout history flickering (#211662)](#211662) <!--- Backport version: 9.6.6 --> ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sorenlouv/backport) <!--BACKPORT [{"author":{"name":"christineweng","email":"18648970+christineweng@users.noreply.github.com"},"sourceCommit":{"committedDate":"2025-02-20T17:05:54Z","message":"[Security Solution] Fix flyout history flickering (#211662)\n\n## Summary\n\nThis PR fixed a flickering issue in flyout history\n\n**Before**\n`Event details` is shown and then replaced by actual alert title\n\n\nhttps://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b\n\n**After**\nShow a loading skeleton text while fetching rule name\n\n\n\n\n\n### Checklist\n\n- [x] [Unit or functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere updated or added to match the most common scenarios\n- [x] 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)","sha":"e2730f70db3bf04efac6a6f227962f88fcc63fce","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","Team:Threat Hunting:Investigations","backport:version","v8.18.0","v9.1.0","v8.19.0"],"title":"[Security Solution] Fix flyout history flickering","number":211662,"url":"https://github.com/elastic/kibana/pull/211662","mergeCommit":{"message":"[Security Solution] Fix flyout history flickering (#211662)\n\n## Summary\n\nThis PR fixed a flickering issue in flyout history\n\n**Before**\n`Event details` is shown and then replaced by actual alert title\n\n\nhttps://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b\n\n**After**\nShow a loading skeleton text while fetching rule name\n\n\n\n\n\n### Checklist\n\n- [x] [Unit or functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere updated or added to match the most common scenarios\n- [x] 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)","sha":"e2730f70db3bf04efac6a6f227962f88fcc63fce"}},"sourceBranch":"main","suggestedTargetBranches":["9.0","8.18","8.x"],"targetPullRequestStates":[{"branch":"9.0","label":"v9.0.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.18","label":"v8.18.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/211662","number":211662,"mergeCommit":{"message":"[Security Solution] Fix flyout history flickering (#211662)\n\n## Summary\n\nThis PR fixed a flickering issue in flyout history\n\n**Before**\n`Event details` is shown and then replaced by actual alert title\n\n\nhttps://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b\n\n**After**\nShow a loading skeleton text while fetching rule name\n\n\n\n\n\n### Checklist\n\n- [x] [Unit or functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere updated or added to match the most common scenarios\n- [x] 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)","sha":"e2730f70db3bf04efac6a6f227962f88fcc63fce"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}] BACKPORT--> Co-authored-by: christineweng <18648970+christineweng@users.noreply.github.com>
…11936) # Backport This will backport the following commits from `main` to `8.x`: - [[Security Solution] Fix flyout history flickering (#211662)](#211662) <!--- Backport version: 9.6.6 --> ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sorenlouv/backport) <!--BACKPORT [{"author":{"name":"christineweng","email":"18648970+christineweng@users.noreply.github.com"},"sourceCommit":{"committedDate":"2025-02-20T17:05:54Z","message":"[Security Solution] Fix flyout history flickering (#211662)\n\n## Summary\n\nThis PR fixed a flickering issue in flyout history\n\n**Before**\n`Event details` is shown and then replaced by actual alert title\n\n\nhttps://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b\n\n**After**\nShow a loading skeleton text while fetching rule name\n\n\n\n\n\n### Checklist\n\n- [x] [Unit or functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere updated or added to match the most common scenarios\n- [x] 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)","sha":"e2730f70db3bf04efac6a6f227962f88fcc63fce","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","Team:Threat Hunting:Investigations","backport:version","v8.18.0","v9.1.0","v8.19.0"],"title":"[Security Solution] Fix flyout history flickering","number":211662,"url":"https://github.com/elastic/kibana/pull/211662","mergeCommit":{"message":"[Security Solution] Fix flyout history flickering (#211662)\n\n## Summary\n\nThis PR fixed a flickering issue in flyout history\n\n**Before**\n`Event details` is shown and then replaced by actual alert title\n\n\nhttps://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b\n\n**After**\nShow a loading skeleton text while fetching rule name\n\n\n\n\n\n### Checklist\n\n- [x] [Unit or functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere updated or added to match the most common scenarios\n- [x] 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)","sha":"e2730f70db3bf04efac6a6f227962f88fcc63fce"}},"sourceBranch":"main","suggestedTargetBranches":["9.0","8.18","8.x"],"targetPullRequestStates":[{"branch":"9.0","label":"v9.0.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.18","label":"v8.18.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/211662","number":211662,"mergeCommit":{"message":"[Security Solution] Fix flyout history flickering (#211662)\n\n## Summary\n\nThis PR fixed a flickering issue in flyout history\n\n**Before**\n`Event details` is shown and then replaced by actual alert title\n\n\nhttps://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b\n\n**After**\nShow a loading skeleton text while fetching rule name\n\n\n\n\n\n### Checklist\n\n- [x] [Unit or functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere updated or added to match the most common scenarios\n- [x] 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)","sha":"e2730f70db3bf04efac6a6f227962f88fcc63fce"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}] BACKPORT--> Co-authored-by: christineweng <18648970+christineweng@users.noreply.github.com>
…211935) # Backport This will backport the following commits from `main` to `8.18`: - [[Security Solution] Fix flyout history flickering (#211662)](#211662) <!--- Backport version: 9.6.6 --> ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sorenlouv/backport) <!--BACKPORT [{"author":{"name":"christineweng","email":"18648970+christineweng@users.noreply.github.com"},"sourceCommit":{"committedDate":"2025-02-20T17:05:54Z","message":"[Security Solution] Fix flyout history flickering (#211662)\n\n## Summary\n\nThis PR fixed a flickering issue in flyout history\n\n**Before**\n`Event details` is shown and then replaced by actual alert title\n\n\nhttps://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b\n\n**After**\nShow a loading skeleton text while fetching rule name\n\n\n\n\n\n### Checklist\n\n- [x] [Unit or functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere updated or added to match the most common scenarios\n- [x] 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)","sha":"e2730f70db3bf04efac6a6f227962f88fcc63fce","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","Team:Threat Hunting:Investigations","backport:version","v8.18.0","v9.1.0","v8.19.0"],"title":"[Security Solution] Fix flyout history flickering","number":211662,"url":"https://github.com/elastic/kibana/pull/211662","mergeCommit":{"message":"[Security Solution] Fix flyout history flickering (#211662)\n\n## Summary\n\nThis PR fixed a flickering issue in flyout history\n\n**Before**\n`Event details` is shown and then replaced by actual alert title\n\n\nhttps://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b\n\n**After**\nShow a loading skeleton text while fetching rule name\n\n\n\n\n\n### Checklist\n\n- [x] [Unit or functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere updated or added to match the most common scenarios\n- [x] 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)","sha":"e2730f70db3bf04efac6a6f227962f88fcc63fce"}},"sourceBranch":"main","suggestedTargetBranches":["9.0","8.18","8.x"],"targetPullRequestStates":[{"branch":"9.0","label":"v9.0.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.18","label":"v8.18.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/211662","number":211662,"mergeCommit":{"message":"[Security Solution] Fix flyout history flickering (#211662)\n\n## Summary\n\nThis PR fixed a flickering issue in flyout history\n\n**Before**\n`Event details` is shown and then replaced by actual alert title\n\n\nhttps://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b\n\n**After**\nShow a loading skeleton text while fetching rule name\n\n\n\n\n\n### Checklist\n\n- [x] [Unit or functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere updated or added to match the most common scenarios\n- [x] 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)","sha":"e2730f70db3bf04efac6a6f227962f88fcc63fce"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}] BACKPORT--> Co-authored-by: christineweng <18648970+christineweng@users.noreply.github.com>
Summary
This PR fixed a flickering issue in flyout history
Before
Event details
is shown and then replaced by actual alert titleScreen.Recording.2025-02-18.at.3.28.38.PM.mov
After
Show a loading skeleton text while fetching rule name
Checklist
release_note:*
label is applied per the guidelines