Closed Bug 1984274 Opened 5 months ago Closed 18 days ago

Statistics panel scroll hides part of the UI

Categories

(DevTools :: Netmonitor, defect, P3)

defect

Tracking

(firefox149 fixed)

RESOLVED FIXED
149 Branch
Tracking Status
firefox149 --- fixed

People

(Reporter: jdescottes, Assigned: franccescopettamuller, Mentored)

Details

(Keywords: good-first-bug)

Attachments

(3 files)

Attached image image.png

See the screenshot, if the toolbox is not tall enough the Statistics panel will not be able to display the top of its content. Here we are missing the headers of the table.

Pretty easy to trigger, not a regression.

Mentor: jdescottes
Severity: -- → S3
Keywords: good-first-bug
Priority: -- → P3

I'm interested in working on this.
Could it be assigned to me?

Flags: needinfo?(jdescottes)

Sure Andre, assigning the bug to you. You can check our documentation to setup the environment: https://firefox-source-docs.mozilla.org/setup/index.html

To reproduce this bug, you can use the following steps:

  • open a tab on youtube (it happens to load 6 "categories" of network resources, so it's nice to trigger the issue)
  • open devtools > network
  • disable cache
  • click on the statistics panel icon (bottom left of the network panel)

You might want to resize the window to have a width close to 1200px. That makes most of the cells in the size column wrap on 2 lines, which increases the height needed to display all the information - on a sidenote, maybe we should update the layout to avoid this. And resize the toolbox itself so that the height is small as well (around 300px).

Assignee: nobody → andrecoullard
Status: NEW → ASSIGNED
Flags: needinfo?(jdescottes)

OK, I've got something working. Is this what you envisioned?
I've made the header "sticky" so it is always visible as the panel is resized.

This good-first-bug hasn't had any activity for 2 months, it is automatically unassigned.
For more information, please visit BugBot documentation.

Assignee: andrecoullard → nobody
Status: ASSIGNED → NEW

Hello, I'm new, this seems like a good first bug for me. Could this bug be assigned to me?

(In reply to Franccesco from comment #5)

Hello, I'm new, this seems like a good first bug for me. Could this bug be assigned to me?

I have recreated the bug locally and I am working on a fix.

Assignee: nobody → franccescopettamuller
Status: NEW → ASSIGNED

I reproduced the issue locally and submitted a fix for review.

Phabricator revision:
https://phabricator.services.mozilla.com/D279103

Tests run:

./mach test devtools/client/netmonitor

Notes:
browser_net_simple-request-data.js fails locally with a headers count mismatch (“Got 11, expected 10”) and timeout even when my patch is stashed, so this appears unrelated to my changes.

My patch only touches: StatisticsPanel.css.

Attachment #9537792 - Attachment description: WIP: Bug 1984274 - Fix Used Safe keyword on align-items: center or the pie-table-chat-container object. The safe keyword prevents content from being inaccessible when it overflows, which is what seems to be occuring with this bug. → Bug 1984274 - Fix to make sure the pie table chart is fully visible with scroll on
Attachment #9537792 - Attachment description: Bug 1984274 - Fix to make sure the pie table chart is fully visible with scroll on → Bug 1984274 - Fix Used Safe keyword on align-items: center or the pie-table-chat-container object. The safe keyword prevents content from being inaccessible when it overflows, which is what seems to be occuring with this bug.
Attachment #9537792 - Attachment description: Bug 1984274 - Fix Used Safe keyword on align-items: center or the pie-table-chat-container object. The safe keyword prevents content from being inaccessible when it overflows, which is what seems to be occuring with this bug. → Bug 1984274 - Fix to make sure the pie table chart is fully visible with scroll on
Status: ASSIGNED → RESOLVED
Closed: 18 days ago
Resolution: --- → FIXED
Target Milestone: --- → 149 Branch
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: