Skip to content

[APM][Unified Waterfall] Enable telemetry by removing unnecessary stopPropagation calls and updating data-test-subj attributes #229182

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

Merged

Conversation

iblancof
Copy link
Contributor

@iblancof iblancof commented Jul 23, 2025

Summary

Relates to #225472

While building the Unified Waterfall, part of the code was inspired by the APM waterfall, and there were some e.stopPropagation calls that were no longer needed and they were preventing the click event from reaching our EBT.

To bring those events back and enable telemetry analysis on waterfall usage, the e.stopPropagation calls have been removed, and a few data-test-subj attributes have been renamed and/or added.

A minor UI issue with the dependency field was also detected and fixed along the way.

Before After
Screenshot 2025-07-23 at 17 26 11 Screenshot 2025-07-23 at 17 28 27

How to test

  • Go to Discover in an Observability Solution space
  • Query traces (FROM traces-*)
  • Open any span/transaction flyout
  • Open the full screen waterfall
  • Open flyout from the waterfall
  • Check for the sent events, we now have clicks

@iblancof iblancof requested a review from cauemarcondes July 23, 2025 15:38
@iblancof iblancof self-assigned this Jul 23, 2025
@iblancof iblancof requested a review from a team as a code owner July 23, 2025 15:38
@iblancof iblancof added release_note:skip Skip the PR/issue when compiling release notes Team:obs-ux-infra_services Observability Infrastructure & Services User Experience Team backport:version Backport to applied version labels v9.1.0 v8.19.0 labels Jul 23, 2025
@elasticmachine
Copy link
Contributor

Pinging @elastic/obs-ux-infra_services-team (Team:obs-ux-infra_services)

if (hasToggle && onClick) {
e.stopPropagation();
Copy link
Contributor

Choose a reason for hiding this comment

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

The problem of removing this is when we click on an item that has onClick, which typically opens a flyout, the accordion will close.

Screen.Recording.2025-07-23.at.15.23.01.mov

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 slightly adjusted the logic for the accordion toggle so it's less intrusive to the content and removes the need to stop propagation. 425abaa

Let me know what you think.

Screen.Recording.2025-07-24.at.12.08.28.mov

Copy link
Contributor

@cauemarcondes cauemarcondes left a comment

Choose a reason for hiding this comment

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

LGTM

…hared/trace_waterfall/toggle_accordion_button.tsx

Co-authored-by: Cauê Marcondes <55978943+cauemarcondes@users.noreply.github.com>
@iblancof iblancof enabled auto-merge (squash) July 25, 2025 14:03
@iblancof iblancof merged commit 46e1b78 into elastic:main Jul 25, 2025
12 checks passed
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 8.19, 9.1

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

@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 +225.0B
unifiedDocViewer 268.2KB 268.2KB +5.0B
total +230.0B
Unknown metric groups

ESLint disabled line counts

id before after diff
apm 70 69 -1

Total ESLint disabled count

id before after diff
apm 83 82 -1

History

cc @iblancof

@kibanamachine
Copy link
Contributor

💔 All backports failed

Status Branch Result
8.19 Backport failed because of merge conflicts
9.1 Backport failed because of merge conflicts

Manual backport

To create the backport manually run:

node scripts/backport --pr 229182

Questions ?

Please refer to the Backport tool documentation

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport:version Backport to applied version labels release_note:skip Skip the PR/issue when compiling release notes Team:obs-ux-infra_services Observability Infrastructure & Services User Experience Team v8.19.0 v9.1.0 v9.2.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants