firefox-devtools / firefox-devtools/profiler

Consider positioning the User Timing row as fixed on Stack Chart

Open
#4,608 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
1.5k
Forks
491
Avg merge
3d 46m
Merged PRs (30d)
27

Description

When scrolling down in the stack chart UI it would be nice to have an indication of where the user timings are. Right now they are visible when scrolled to the top of the view, like on this profile https://share.firefox.dev/44Lstzp:

![](https://user-images.githubusercontent.com/95570/236559186-e19ba1ad-4866-4c77-9173-01131a4400ab.png)

But when I scroll down into the stack I don't have a reminder where they are:

![](https://user-images.githubusercontent.com/95570/236559093-a131afb7-c80c-4e8e-b10a-a48096fc261d.png)

It might be hard to get the UX and implementation right here, so I'm just filing this as a suggestion to think about. For example, perhaps the timing markers should act sort of like position:fixed and be on top of anything that gets scrolled below it - if we did that maybe the color should be different to help distinguish from yellow stacks below it. Or there could be some indication in the bar above it, or fixed to the bottom like where the cookie notice is. FWIW in my case I don't care as much about the names of the markers, only where they are (i.e. whether the stack is happening inside of a range).

┆Issue is synchronized with this [Jira Task](https://mozilla-hub.atlassian.net/browse/FP-640)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.