Skip to content

[Threat Hunting Investigations] Fix timeline column width bug#214178

Merged
christineweng merged 13 commits intoelastic:mainfrom
janmonschke:security/timeline-column-width-bug
Mar 13, 2025
Merged

[Threat Hunting Investigations] Fix timeline column width bug#214178
christineweng merged 13 commits intoelastic:mainfrom
janmonschke:security/timeline-column-width-bug

Conversation

@janmonschke
Copy link
Contributor

@janmonschke janmonschke commented Mar 12, 2025

Summary

Fixes: #213754

The issue above describes a bug in timeline that makes it impossible to change the width of a timeline column. This PR fixes that issue and makes sure that timeline column width settings are saved to localStorage. This mimics the behaviour of the alerts table elsewhere in security solution.

Screen.Recording.2025-03-12.at.15.24.59.mov

@janmonschke janmonschke added release_note:fix Team:Threat Hunting:Investigations Security Solution Threat Hunting Investigations Team backport:all-open Backport to all branches that could still receive a release labels Mar 12, 2025
@janmonschke janmonschke self-assigned this Mar 12, 2025
@janmonschke janmonschke requested a review from a team as a code owner March 12, 2025 14:26
@elasticmachine
Copy link
Contributor

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

Copy link
Contributor

@lgestc lgestc left a comment

Choose a reason for hiding this comment

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

looks like a proper fix to me, it even adds the persistence 🎉

} = useSelector((state: State) => selectTimelineById(state, timelineId));

const settings: UnifiedDataTableProps['settings'] = useMemo(() => {
const _columns: Record<string, UnifiedDataTableSettingsColumn> = {};
Copy link
Contributor

Choose a reason for hiding this comment

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

is this a wider convention about avoiding variable shadowing?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I've been doing this for a long time now, not sure where I saw this first :D

Copy link
Contributor

@christineweng christineweng left a comment

Choose a reason for hiding this comment

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

Resizing fix LGTM, thanks for putting in the fix!

Some observations during desk testing:

  • The column width does not persist when a column is removed. In this video, I first resize message to be quite narrow, upon removing another column, the message width resets
Screen.Recording.2025-03-12.at.3.46.34.PM.mov
  • Some fields align to the right, it can be hard to find where the resize area is. It appears to impact only certain field types such as number and ip
    image

  • The alignment leads to this shifting mechanism, it gets annoying quickly when 2 fields are like that side by side

Screen.Recording.2025-03-12.at.3.50.05.PM.mov

@janmonschke
Copy link
Contributor Author

The column width does not persist when a column is removed. In this video, I first resize message to be quite narrow, upon removing another column, the message width resets

@christineweng Nice catch, I fixed this behaviour in the recent commits and added tests for these cases. Could you have another look at it? :)

@janmonschke
Copy link
Contributor Author

Some fields align to the right, it can be hard to find where the resize area is. It appears to impact only certain field types such as number and ip
@christineweng yeah, this comes from the underlying EUI component. Not much I can do at this point ;)

@logeekal
Copy link
Contributor

The alignment leads to this shifting mechanism, it gets annoying quickly when 2 fields are like that side by side

I also do not know reasoning behind it. but field align based on the type. For example, text aligns to the left, numbers align to right, etc

@elasticmachine
Copy link
Contributor

elasticmachine commented Mar 13, 2025

💛 Build succeeded, but was flaky

Failed CI Steps

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id before after diff
securitySolution 7078 7079 +1

Async chunks

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

id before after diff
securitySolution 8.9MB 8.9MB +412.0B

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id before after diff
securitySolution 87.4KB 87.3KB -67.0B

History

cc @janmonschke

@christineweng christineweng merged commit edbc618 into elastic:main Mar 13, 2025
9 checks passed
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 7.17, 8.16, 8.17, 8.18, 8.x, 9.0

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

kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Mar 13, 2025
…c#214178)

## Summary

Fixes: elastic#213754

The issue above describes a bug in timeline that makes it impossible to
change the width of a timeline column. This PR fixes that issue and
makes sure that timeline column width settings are saved to
localStorage. This mimics the behaviour of the alerts table elsewhere in
security solution.

https://github.com/user-attachments/assets/8b9803a0-406d-4f2d-ada5-4c0b76cd6ab8

---------

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
(cherry picked from commit edbc618)
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Mar 13, 2025
…c#214178)

## Summary

Fixes: elastic#213754

The issue above describes a bug in timeline that makes it impossible to
change the width of a timeline column. This PR fixes that issue and
makes sure that timeline column width settings are saved to
localStorage. This mimics the behaviour of the alerts table elsewhere in
security solution.

https://github.com/user-attachments/assets/8b9803a0-406d-4f2d-ada5-4c0b76cd6ab8

---------

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
(cherry picked from commit edbc618)
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Mar 13, 2025
…c#214178)

## Summary

Fixes: elastic#213754

The issue above describes a bug in timeline that makes it impossible to
change the width of a timeline column. This PR fixes that issue and
makes sure that timeline column width settings are saved to
localStorage. This mimics the behaviour of the alerts table elsewhere in
security solution.

https://github.com/user-attachments/assets/8b9803a0-406d-4f2d-ada5-4c0b76cd6ab8

---------

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
(cherry picked from commit edbc618)
@kibanamachine
Copy link
Contributor

💔 Some backports could not be created

Status Branch Result
7.17 Backport failed because of merge conflicts
8.16 Backport failed because of merge conflicts
8.17 Backport failed because of merge conflicts
8.18
8.x
9.0

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

Manual backport

To create the backport manually run:

node scripts/backport --pr 214178

Questions ?

Please refer to the Backport tool documentation

kibanamachine added a commit that referenced this pull request Mar 13, 2025
…214178) (#214473)

# Backport

This will backport the following commits from `main` to `9.0`:
- [[Threat Hunting Investigations] Fix timeline column width bug
(#214178)](#214178)

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

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

<!--BACKPORT [{"author":{"name":"Jan
Monschke","email":"jan.monschke@elastic.co"},"sourceCommit":{"committedDate":"2025-03-13T18:49:16Z","message":"[Threat
Hunting Investigations] Fix timeline column width bug (#214178)\n\n##
Summary\n\nFixes: https://github.com/elastic/kibana/issues/213754\n\nThe
issue above describes a bug in timeline that makes it impossible
to\nchange the width of a timeline column. This PR fixes that issue
and\nmakes sure that timeline column width settings are saved
to\nlocalStorage. This mimics the behaviour of the alerts table
elsewhere in\nsecurity
solution.\n\n\nhttps://github.com/user-attachments/assets/8b9803a0-406d-4f2d-ada5-4c0b76cd6ab8\n\n---------\n\nCo-authored-by:
Elastic Machine
<elasticmachine@users.noreply.github.com>","sha":"edbc618321930e358b2e0910f1c5cb5f7606e621","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","Team:Threat
Hunting:Investigations","backport:all-open","v9.1.0"],"title":"[Threat
Hunting Investigations] Fix timeline column width
bug","number":214178,"url":"https://github.com/elastic/kibana/pull/214178","mergeCommit":{"message":"[Threat
Hunting Investigations] Fix timeline column width bug (#214178)\n\n##
Summary\n\nFixes: https://github.com/elastic/kibana/issues/213754\n\nThe
issue above describes a bug in timeline that makes it impossible
to\nchange the width of a timeline column. This PR fixes that issue
and\nmakes sure that timeline column width settings are saved
to\nlocalStorage. This mimics the behaviour of the alerts table
elsewhere in\nsecurity
solution.\n\n\nhttps://github.com/user-attachments/assets/8b9803a0-406d-4f2d-ada5-4c0b76cd6ab8\n\n---------\n\nCo-authored-by:
Elastic Machine
<elasticmachine@users.noreply.github.com>","sha":"edbc618321930e358b2e0910f1c5cb5f7606e621"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/214178","number":214178,"mergeCommit":{"message":"[Threat
Hunting Investigations] Fix timeline column width bug (#214178)\n\n##
Summary\n\nFixes: https://github.com/elastic/kibana/issues/213754\n\nThe
issue above describes a bug in timeline that makes it impossible
to\nchange the width of a timeline column. This PR fixes that issue
and\nmakes sure that timeline column width settings are saved
to\nlocalStorage. This mimics the behaviour of the alerts table
elsewhere in\nsecurity
solution.\n\n\nhttps://github.com/user-attachments/assets/8b9803a0-406d-4f2d-ada5-4c0b76cd6ab8\n\n---------\n\nCo-authored-by:
Elastic Machine
<elasticmachine@users.noreply.github.com>","sha":"edbc618321930e358b2e0910f1c5cb5f7606e621"}}]}]
BACKPORT-->

Co-authored-by: Jan Monschke <jan.monschke@elastic.co>
kibanamachine added a commit that referenced this pull request Mar 13, 2025
…214178) (#214472)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[Threat Hunting Investigations] Fix timeline column width bug
(#214178)](#214178)

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

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

<!--BACKPORT [{"author":{"name":"Jan
Monschke","email":"jan.monschke@elastic.co"},"sourceCommit":{"committedDate":"2025-03-13T18:49:16Z","message":"[Threat
Hunting Investigations] Fix timeline column width bug (#214178)\n\n##
Summary\n\nFixes: https://github.com/elastic/kibana/issues/213754\n\nThe
issue above describes a bug in timeline that makes it impossible
to\nchange the width of a timeline column. This PR fixes that issue
and\nmakes sure that timeline column width settings are saved
to\nlocalStorage. This mimics the behaviour of the alerts table
elsewhere in\nsecurity
solution.\n\n\nhttps://github.com/user-attachments/assets/8b9803a0-406d-4f2d-ada5-4c0b76cd6ab8\n\n---------\n\nCo-authored-by:
Elastic Machine
<elasticmachine@users.noreply.github.com>","sha":"edbc618321930e358b2e0910f1c5cb5f7606e621","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","Team:Threat
Hunting:Investigations","backport:all-open","v9.1.0"],"title":"[Threat
Hunting Investigations] Fix timeline column width
bug","number":214178,"url":"https://github.com/elastic/kibana/pull/214178","mergeCommit":{"message":"[Threat
Hunting Investigations] Fix timeline column width bug (#214178)\n\n##
Summary\n\nFixes: https://github.com/elastic/kibana/issues/213754\n\nThe
issue above describes a bug in timeline that makes it impossible
to\nchange the width of a timeline column. This PR fixes that issue
and\nmakes sure that timeline column width settings are saved
to\nlocalStorage. This mimics the behaviour of the alerts table
elsewhere in\nsecurity
solution.\n\n\nhttps://github.com/user-attachments/assets/8b9803a0-406d-4f2d-ada5-4c0b76cd6ab8\n\n---------\n\nCo-authored-by:
Elastic Machine
<elasticmachine@users.noreply.github.com>","sha":"edbc618321930e358b2e0910f1c5cb5f7606e621"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/214178","number":214178,"mergeCommit":{"message":"[Threat
Hunting Investigations] Fix timeline column width bug (#214178)\n\n##
Summary\n\nFixes: https://github.com/elastic/kibana/issues/213754\n\nThe
issue above describes a bug in timeline that makes it impossible
to\nchange the width of a timeline column. This PR fixes that issue
and\nmakes sure that timeline column width settings are saved
to\nlocalStorage. This mimics the behaviour of the alerts table
elsewhere in\nsecurity
solution.\n\n\nhttps://github.com/user-attachments/assets/8b9803a0-406d-4f2d-ada5-4c0b76cd6ab8\n\n---------\n\nCo-authored-by:
Elastic Machine
<elasticmachine@users.noreply.github.com>","sha":"edbc618321930e358b2e0910f1c5cb5f7606e621"}}]}]
BACKPORT-->

Co-authored-by: Jan Monschke <jan.monschke@elastic.co>
kibanamachine added a commit that referenced this pull request Mar 13, 2025
…214178) (#214471)

# Backport

This will backport the following commits from `main` to `8.18`:
- [[Threat Hunting Investigations] Fix timeline column width bug
(#214178)](#214178)

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

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

<!--BACKPORT [{"author":{"name":"Jan
Monschke","email":"jan.monschke@elastic.co"},"sourceCommit":{"committedDate":"2025-03-13T18:49:16Z","message":"[Threat
Hunting Investigations] Fix timeline column width bug (#214178)\n\n##
Summary\n\nFixes: https://github.com/elastic/kibana/issues/213754\n\nThe
issue above describes a bug in timeline that makes it impossible
to\nchange the width of a timeline column. This PR fixes that issue
and\nmakes sure that timeline column width settings are saved
to\nlocalStorage. This mimics the behaviour of the alerts table
elsewhere in\nsecurity
solution.\n\n\nhttps://github.com/user-attachments/assets/8b9803a0-406d-4f2d-ada5-4c0b76cd6ab8\n\n---------\n\nCo-authored-by:
Elastic Machine
<elasticmachine@users.noreply.github.com>","sha":"edbc618321930e358b2e0910f1c5cb5f7606e621","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","Team:Threat
Hunting:Investigations","backport:all-open","v9.1.0"],"title":"[Threat
Hunting Investigations] Fix timeline column width
bug","number":214178,"url":"https://github.com/elastic/kibana/pull/214178","mergeCommit":{"message":"[Threat
Hunting Investigations] Fix timeline column width bug (#214178)\n\n##
Summary\n\nFixes: https://github.com/elastic/kibana/issues/213754\n\nThe
issue above describes a bug in timeline that makes it impossible
to\nchange the width of a timeline column. This PR fixes that issue
and\nmakes sure that timeline column width settings are saved
to\nlocalStorage. This mimics the behaviour of the alerts table
elsewhere in\nsecurity
solution.\n\n\nhttps://github.com/user-attachments/assets/8b9803a0-406d-4f2d-ada5-4c0b76cd6ab8\n\n---------\n\nCo-authored-by:
Elastic Machine
<elasticmachine@users.noreply.github.com>","sha":"edbc618321930e358b2e0910f1c5cb5f7606e621"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/214178","number":214178,"mergeCommit":{"message":"[Threat
Hunting Investigations] Fix timeline column width bug (#214178)\n\n##
Summary\n\nFixes: https://github.com/elastic/kibana/issues/213754\n\nThe
issue above describes a bug in timeline that makes it impossible
to\nchange the width of a timeline column. This PR fixes that issue
and\nmakes sure that timeline column width settings are saved
to\nlocalStorage. This mimics the behaviour of the alerts table
elsewhere in\nsecurity
solution.\n\n\nhttps://github.com/user-attachments/assets/8b9803a0-406d-4f2d-ada5-4c0b76cd6ab8\n\n---------\n\nCo-authored-by:
Elastic Machine
<elasticmachine@users.noreply.github.com>","sha":"edbc618321930e358b2e0910f1c5cb5f7606e621"}}]}]
BACKPORT-->

Co-authored-by: Jan Monschke <jan.monschke@elastic.co>
janmonschke added a commit to janmonschke/kibana that referenced this pull request Mar 14, 2025
…c#214178)

## Summary

Fixes: elastic#213754

The issue above describes a bug in timeline that makes it impossible to
change the width of a timeline column. This PR fixes that issue and
makes sure that timeline column width settings are saved to
localStorage. This mimics the behaviour of the alerts table elsewhere in
security solution.

https://github.com/user-attachments/assets/8b9803a0-406d-4f2d-ada5-4c0b76cd6ab8

---------

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
(cherry picked from commit edbc618)

# Conflicts:
#	x-pack/plugins/security_solution/public/timelines/components/timeline/unified_components/data_table/index.tsx
#	x-pack/plugins/security_solution/public/timelines/store/middlewares/create_timeline_middlewares.ts
#	x-pack/plugins/security_solution/public/timelines/store/middlewares/timeline_localstorage.test.ts
#	x-pack/plugins/security_solution/public/timelines/store/middlewares/timeline_localstorage.ts
janmonschke added a commit to janmonschke/kibana that referenced this pull request Mar 14, 2025
…c#214178)

## Summary

Fixes: elastic#213754

The issue above describes a bug in timeline that makes it impossible to
change the width of a timeline column. This PR fixes that issue and
makes sure that timeline column width settings are saved to
localStorage. This mimics the behaviour of the alerts table elsewhere in
security solution.

https://github.com/user-attachments/assets/8b9803a0-406d-4f2d-ada5-4c0b76cd6ab8

---------

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
(cherry picked from commit edbc618)

# Conflicts:
#	x-pack/plugins/security_solution/public/timelines/components/timeline/unified_components/data_table/index.tsx
#	x-pack/plugins/security_solution/public/timelines/store/helpers.test.ts
#	x-pack/plugins/security_solution/public/timelines/store/helpers.ts
#	x-pack/plugins/security_solution/public/timelines/store/middlewares/create_timeline_middlewares.ts
#	x-pack/plugins/security_solution/public/timelines/store/middlewares/timeline_localstorage.test.ts
#	x-pack/plugins/security_solution/public/timelines/store/middlewares/timeline_localstorage.ts
@janmonschke
Copy link
Contributor Author

💚 All backports created successfully

Status Branch Result
8.17
8.16

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

Questions ?

Please refer to the Backport tool documentation

janmonschke added a commit that referenced this pull request Mar 14, 2025
…214178) (#214519)

# Backport

This will backport the following commits from `main` to `8.17`:
- [[Threat Hunting Investigations] Fix timeline column width bug
(#214178)](#214178)

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

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

<!--BACKPORT [{"author":{"name":"Jan
Monschke","email":"jan.monschke@elastic.co"},"sourceCommit":{"committedDate":"2025-03-13T18:49:16Z","message":"[Threat
Hunting Investigations] Fix timeline column width bug (#214178)\n\n##
Summary\n\nFixes: https://github.com/elastic/kibana/issues/213754\n\nThe
issue above describes a bug in timeline that makes it impossible
to\nchange the width of a timeline column. This PR fixes that issue
and\nmakes sure that timeline column width settings are saved
to\nlocalStorage. This mimics the behaviour of the alerts table
elsewhere in\nsecurity
solution.\n\n\nhttps://github.com/user-attachments/assets/8b9803a0-406d-4f2d-ada5-4c0b76cd6ab8\n\n---------\n\nCo-authored-by:
Elastic Machine
<elasticmachine@users.noreply.github.com>","sha":"edbc618321930e358b2e0910f1c5cb5f7606e621","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","v9.0.0","Team:Threat
Hunting:Investigations","backport:all-open","v8.18.0","v9.1.0","v8.19.0"],"title":"[Threat
Hunting Investigations] Fix timeline column width
bug","number":214178,"url":"https://github.com/elastic/kibana/pull/214178","mergeCommit":{"message":"[Threat
Hunting Investigations] Fix timeline column width bug (#214178)\n\n##
Summary\n\nFixes: https://github.com/elastic/kibana/issues/213754\n\nThe
issue above describes a bug in timeline that makes it impossible
to\nchange the width of a timeline column. This PR fixes that issue
and\nmakes sure that timeline column width settings are saved
to\nlocalStorage. This mimics the behaviour of the alerts table
elsewhere in\nsecurity
solution.\n\n\nhttps://github.com/user-attachments/assets/8b9803a0-406d-4f2d-ada5-4c0b76cd6ab8\n\n---------\n\nCo-authored-by:
Elastic Machine
<elasticmachine@users.noreply.github.com>","sha":"edbc618321930e358b2e0910f1c5cb5f7606e621"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"9.0","label":"v9.0.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"url":"https://github.com/elastic/kibana/pull/214473","number":214473,"state":"MERGED","mergeCommit":{"sha":"6c1aa0a4d9f5d605ad037ace4515c848af38f6f4","message":"[9.0]
[Threat Hunting Investigations] Fix timeline column width bug (#214178)
(#214473)\n\n# Backport\n\nThis will backport the following commits from
`main` to `9.0`:\n- [[Threat Hunting Investigations] Fix timeline column
width
bug\n(#214178)](https://github.com/elastic/kibana/pull/214178)\n\n\n\n###
Questions ?\nPlease refer to the [Backport
tool\ndocumentation](https://github.com/sorenlouv/backport)\n\n\n\nCo-authored-by:
Jan Monschke
<jan.monschke@elastic.co>"}},{"branch":"8.18","label":"v8.18.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"url":"https://github.com/elastic/kibana/pull/214471","number":214471,"state":"MERGED","mergeCommit":{"sha":"f2c8c4c0ce81a88387e0eb400ae6166aceb751f0","message":"[8.18]
[Threat Hunting Investigations] Fix timeline column width bug (#214178)
(#214471)\n\n# Backport\n\nThis will backport the following commits from
`main` to `8.18`:\n- [[Threat Hunting Investigations] Fix timeline
column width
bug\n(#214178)](https://github.com/elastic/kibana/pull/214178)\n\n\n\n###
Questions ?\nPlease refer to the [Backport
tool\ndocumentation](https://github.com/sorenlouv/backport)\n\n\n\nCo-authored-by:
Jan Monschke
<jan.monschke@elastic.co>"}},{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/214178","number":214178,"mergeCommit":{"message":"[Threat
Hunting Investigations] Fix timeline column width bug (#214178)\n\n##
Summary\n\nFixes: https://github.com/elastic/kibana/issues/213754\n\nThe
issue above describes a bug in timeline that makes it impossible
to\nchange the width of a timeline column. This PR fixes that issue
and\nmakes sure that timeline column width settings are saved
to\nlocalStorage. This mimics the behaviour of the alerts table
elsewhere in\nsecurity
solution.\n\n\nhttps://github.com/user-attachments/assets/8b9803a0-406d-4f2d-ada5-4c0b76cd6ab8\n\n---------\n\nCo-authored-by:
Elastic Machine
<elasticmachine@users.noreply.github.com>","sha":"edbc618321930e358b2e0910f1c5cb5f7606e621"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"url":"https://github.com/elastic/kibana/pull/214472","number":214472,"state":"MERGED","mergeCommit":{"sha":"b578cc110edf15ae10f5a284a4bc110dbbbd5173","message":"[8.x]
[Threat Hunting Investigations] Fix timeline column width bug (#214178)
(#214472)\n\n# Backport\n\nThis will backport the following commits from
`main` to `8.x`:\n- [[Threat Hunting Investigations] Fix timeline column
width
bug\n(#214178)](https://github.com/elastic/kibana/pull/214178)\n\n\n\n###
Questions ?\nPlease refer to the [Backport
tool\ndocumentation](https://github.com/sorenlouv/backport)\n\n\n\nCo-authored-by:
Jan Monschke <jan.monschke@elastic.co>"}}]}] BACKPORT-->
janmonschke added a commit that referenced this pull request Mar 14, 2025
…214178) (#214520)

# Backport

This will backport the following commits from `main` to `8.16`:
- [[Threat Hunting Investigations] Fix timeline column width bug
(#214178)](#214178)

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

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

<!--BACKPORT [{"author":{"name":"Jan
Monschke","email":"jan.monschke@elastic.co"},"sourceCommit":{"committedDate":"2025-03-13T18:49:16Z","message":"[Threat
Hunting Investigations] Fix timeline column width bug (#214178)\n\n##
Summary\n\nFixes: https://github.com/elastic/kibana/issues/213754\n\nThe
issue above describes a bug in timeline that makes it impossible
to\nchange the width of a timeline column. This PR fixes that issue
and\nmakes sure that timeline column width settings are saved
to\nlocalStorage. This mimics the behaviour of the alerts table
elsewhere in\nsecurity
solution.\n\n\nhttps://github.com/user-attachments/assets/8b9803a0-406d-4f2d-ada5-4c0b76cd6ab8\n\n---------\n\nCo-authored-by:
Elastic Machine
<elasticmachine@users.noreply.github.com>","sha":"edbc618321930e358b2e0910f1c5cb5f7606e621","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","v9.0.0","Team:Threat
Hunting:Investigations","backport:all-open","v8.18.0","v9.1.0","v8.19.0"],"title":"[Threat
Hunting Investigations] Fix timeline column width
bug","number":214178,"url":"https://github.com/elastic/kibana/pull/214178","mergeCommit":{"message":"[Threat
Hunting Investigations] Fix timeline column width bug (#214178)\n\n##
Summary\n\nFixes: https://github.com/elastic/kibana/issues/213754\n\nThe
issue above describes a bug in timeline that makes it impossible
to\nchange the width of a timeline column. This PR fixes that issue
and\nmakes sure that timeline column width settings are saved
to\nlocalStorage. This mimics the behaviour of the alerts table
elsewhere in\nsecurity
solution.\n\n\nhttps://github.com/user-attachments/assets/8b9803a0-406d-4f2d-ada5-4c0b76cd6ab8\n\n---------\n\nCo-authored-by:
Elastic Machine
<elasticmachine@users.noreply.github.com>","sha":"edbc618321930e358b2e0910f1c5cb5f7606e621"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"9.0","label":"v9.0.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"url":"https://github.com/elastic/kibana/pull/214473","number":214473,"state":"MERGED","mergeCommit":{"sha":"6c1aa0a4d9f5d605ad037ace4515c848af38f6f4","message":"[9.0]
[Threat Hunting Investigations] Fix timeline column width bug (#214178)
(#214473)\n\n# Backport\n\nThis will backport the following commits from
`main` to `9.0`:\n- [[Threat Hunting Investigations] Fix timeline column
width
bug\n(#214178)](https://github.com/elastic/kibana/pull/214178)\n\n\n\n###
Questions ?\nPlease refer to the [Backport
tool\ndocumentation](https://github.com/sorenlouv/backport)\n\n\n\nCo-authored-by:
Jan Monschke
<jan.monschke@elastic.co>"}},{"branch":"8.18","label":"v8.18.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"url":"https://github.com/elastic/kibana/pull/214471","number":214471,"state":"MERGED","mergeCommit":{"sha":"f2c8c4c0ce81a88387e0eb400ae6166aceb751f0","message":"[8.18]
[Threat Hunting Investigations] Fix timeline column width bug (#214178)
(#214471)\n\n# Backport\n\nThis will backport the following commits from
`main` to `8.18`:\n- [[Threat Hunting Investigations] Fix timeline
column width
bug\n(#214178)](https://github.com/elastic/kibana/pull/214178)\n\n\n\n###
Questions ?\nPlease refer to the [Backport
tool\ndocumentation](https://github.com/sorenlouv/backport)\n\n\n\nCo-authored-by:
Jan Monschke
<jan.monschke@elastic.co>"}},{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/214178","number":214178,"mergeCommit":{"message":"[Threat
Hunting Investigations] Fix timeline column width bug (#214178)\n\n##
Summary\n\nFixes: https://github.com/elastic/kibana/issues/213754\n\nThe
issue above describes a bug in timeline that makes it impossible
to\nchange the width of a timeline column. This PR fixes that issue
and\nmakes sure that timeline column width settings are saved
to\nlocalStorage. This mimics the behaviour of the alerts table
elsewhere in\nsecurity
solution.\n\n\nhttps://github.com/user-attachments/assets/8b9803a0-406d-4f2d-ada5-4c0b76cd6ab8\n\n---------\n\nCo-authored-by:
Elastic Machine
<elasticmachine@users.noreply.github.com>","sha":"edbc618321930e358b2e0910f1c5cb5f7606e621"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"url":"https://github.com/elastic/kibana/pull/214472","number":214472,"state":"MERGED","mergeCommit":{"sha":"b578cc110edf15ae10f5a284a4bc110dbbbd5173","message":"[8.x]
[Threat Hunting Investigations] Fix timeline column width bug (#214178)
(#214472)\n\n# Backport\n\nThis will backport the following commits from
`main` to `8.x`:\n- [[Threat Hunting Investigations] Fix timeline column
width
bug\n(#214178)](https://github.com/elastic/kibana/pull/214178)\n\n\n\n###
Questions ?\nPlease refer to the [Backport
tool\ndocumentation](https://github.com/sorenlouv/backport)\n\n\n\nCo-authored-by:
Jan Monschke <jan.monschke@elastic.co>"}}]}] BACKPORT-->
CAWilson94 pushed a commit to CAWilson94/kibana that referenced this pull request Mar 22, 2025
…c#214178)

## Summary

Fixes: elastic#213754

The issue above describes a bug in timeline that makes it impossible to
change the width of a timeline column. This PR fixes that issue and
makes sure that timeline column width settings are saved to
localStorage. This mimics the behaviour of the alerts table elsewhere in
security solution.


https://github.com/user-attachments/assets/8b9803a0-406d-4f2d-ada5-4c0b76cd6ab8

---------

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
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.16.6 v8.17.4 v8.18.0 v8.19.0 v9.0.0 v9.1.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Security Solution] Cannot Resize timeline columns

6 participants