Skip to content

[9.2] fix(apm): prevent trace sample title from wrapping vertically (#254536)#254578

Merged
kibanamachine merged 1 commit intoelastic:9.2from
kibanamachine:backport/9.2/pr-254536
Feb 23, 2026
Merged

[9.2] fix(apm): prevent trace sample title from wrapping vertically (#254536)#254578
kibanamachine merged 1 commit intoelastic:9.2from
kibanamachine:backport/9.2/pr-254536

Conversation

@kibanamachine
Copy link
Contributor

Backport

This will backport the following commits from main to 9.2:

Questions ?

Please refer to the Backport tool documentation

…c#254536)

## Summary

The "Trace sample" heading in the APM transaction details view wraps
character-by-character at narrow viewports. The `EuiFlexItem` wrapping
the title has `grow={false}` but still defaults to `flex-shrink: 1`, so
when the action buttons on the right consume most of the row width, CSS
crushes the title below its intrinsic text width.

Fix: add `flexShrink: 0` to the title's flex item so it never shrinks
below its content size.

| Before | After |
| :----------: | :----------: |
| <img width="958" height="722" alt="CleanShot 2026-02-23 at 10 14
16@2x"
src="https://github.com/user-attachments/assets/56d7303e-22c4-4c41-9e3c-a4e9b3ac86e2"
/> | <img width="992" height="656" alt="CleanShot 2026-02-23 at 10 12
22@2x"
src="https://github.com/user-attachments/assets/02e3b3af-fa89-4757-937a-e00bef034ab1"
/> |

## Test plan

- Manually verified in Kibana APM transactions view at narrow browser
widths — "Trace sample" stays on one line

---------

Co-authored-by: Cursor <cursoragent@cursor.com>
(cherry picked from commit bd5153b)
@kibanamachine kibanamachine added the backport This PR is a backport of another PR label Feb 23, 2026
@botelastic botelastic bot added the Team:obs-presentation Focus: APM UI, Infra UI, Hosts UI, Universal Profiling, Obs Overview and left Navigation label Feb 23, 2026
@kibanamachine kibanamachine enabled auto-merge (squash) February 23, 2026 18:59
@elasticmachine
Copy link
Contributor

Pinging @elastic/obs-presentation-team (Team:obs-presentation)

@kibanamachine kibanamachine merged commit 3223f09 into elastic:9.2 Feb 23, 2026
20 checks passed
@elasticmachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

Async chunks

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

id before after diff
apm 2.6MB 2.6MB +47.0B

cc @smith

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport This PR is a backport of another PR Team:obs-presentation Focus: APM UI, Infra UI, Hosts UI, Universal Profiling, Obs Overview and left Navigation

3 participants