Closed Bug 1685459 Opened 4 years ago Closed 4 years ago

Dev tools displays "The Network panel has crashed. File Bug Report" error upon refreshing page

Categories

(DevTools :: Netmonitor, defect, P2)

Product:
DevTools
Component:
Netmonitor
Version:
Firefox 84
Type:
defect

Tracking

(Not tracked)

Status:
RESOLVED DUPLICATE of bug 1684689

People

(Reporter: kyoushu, Assigned: bomsy, NeedInfo)

References

(Blocks 1 open bug)

Details

Attachments

(2 files)

2021-01-07_08-56.png
70.69 KB, image/png
Details
IndexSizeError error stack
623 bytes, text/plain
Details
Attached image 2021-01-07_08-56.png —

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:84.0) Gecko/20100101 Firefox/84.0

Steps to reproduce:

Open dev tools, select network tab, refresh page

Actual results:

Network panel went from displaying the expected interface with no results, to a page showing the following

IndexSizeError: Index or size is negative or greater than the allowed amount

componentStack
in RequestListHeader
in VisibilityHandler
in Unknown
in Connect(Component)
in table
in div
in RequestListContent
in VisibilityHandler
in Unknown
in Connect(Component)
in div
in RequestList
in div
in div
in SplitBox
in div
in div
in SplitBox
in div
in MonitorPanel
in VisibilityHandler
in Unknown
in Connect(Component)
in div
in DropHarHandler
in AppErrorBoundary
in div
in App
in VisibilityHandler
in Unknown
in Connect(Component)
in Provider

Expected results:

Network panel should have started listing requests being made after page reload

Thanks for reporting!
I can' t seem to reproduce on Mac.
Are you able reproduce it consistently?

Blocks: netmonitor-columns
Severity: -- → S3
Priority: -- → P2
See Also: → 1684777
Flags: needinfo?(kyoushu)

Yes, the panel is broken for any site I visit now

Flags: needinfo?(kyoushu)

The research I've done indicates that it might be caused by an attempt to draw something outside the bounds of a canvas

https://stackoverflow.com/questions/19338032/canvas-indexsizeerror-index-or-size-is-negative-or-greater-than-the-allowed-a

If there's anything I can do to provide more detailed information about the issue, please let me know

Ok ... thanks for the info. Yeah i kind have an idea of the fix but it would be great if you can test after the fix lands.

This is also happening to me, but with a different message:

The Network panel has crashed.

The same is happening with me, but with a different message.

User agent: "Mozilla/5.0 (X11; Linux x86_64; rv:85.0) Gecko/20100101 Firefox/85.0"

IndexSizeError: CanvasRenderingContext2D.createImageData: Invalid width or height
componentStack
in RequestListHeader
in VisibilityHandler
in Unknown
in Connect(Component)
in table
in div
in RequestListContent
in VisibilityHandler
in Unknown
in Connect(Component)
in div
in RequestList
in div
in div
in SplitBox
in div
in div
in SplitBox
in div
in MonitorPanel
in VisibilityHandler
in Unknown
in Connect(Component)
in div
in DropHarHandler
in AppErrorBoundary
in div
in App
in VisibilityHandler
in Unknown
in Connect(Component)
in Provider
Assignee: nobody → hmanilla

I have same issue. When I close and re-open Network panel, it looks as expected "Perform a request or the page to see detailed information about network activity.", but after first request is made, panel crashes.

Before crash, I was using Network panel couple of hours, everthing was OK... Then I started to use "Edit and resend" feature, after couple of attempts panel suddenly crashed.

After that I tried to:

  • restart firefox
  • clear cache
  • restart OS
  • reinstall firefox
  • start firefox in safe mode...
    None of that helped.

Only creation of new profile helped - but that profile is what I don't want to loose :)

"buildID": "20210107154745",
"userAgent": "Mozilla/5.0 (X11; Linux x86_64; rv:84.0) Gecko/20100101 Firefox/84.0",

The difference between the error messages in FF84 and FF85 is because the "invalid width or height" message was only added recently: Bug 1681418

Note that in Bug 1684689 we also updated the call to createImageData in the netmonitor to make sure the width is always at least 1px. See devtools patch at https://hg.mozilla.org/mozilla-central/rev/442421e347a1
This landed in 86. That should fix errors caused by widths of 0. But we still need to check if we might pass widths that exceed the limit.

See Also: → 1684689

Thanks a lot Julian for this note.

Same "Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:84.0) Gecko/20100101 Firefox/84.0" Though X11 is wrong as it's using Wayland (confirmed with xeyes)

I get the same, but in Windows. Network panel has stopped working on all sites.

Firefox 85.0 (64-bit) on Windows 10 20H2 (19042.746)

Go to some page
Hit F12, show network panel
Hit F5
crash

Could you (or anyone consistently impacted by this issue) try Firefox 86 (either Beta channel or DevEdition) and see if the problem is fixed?
https://www.mozilla.org/en-US/firefox/channel/desktop/

You probably want to use a separate profile for this in case you wish to go back to the release channel after that.
https://support.mozilla.org/en-US/kb/profile-manager-create-remove-switch-firefox-profiles

Only creation of new profile helped - but that profile is what I don't want to loose :)

Based on this I feel like it's probably related to a specific layout/size/position of the toolbox.
So if you can also share this info. Eg go to about:config and find the values of a few prefs:

  • all prefs starting with "devtools.toolbox"
  • "devtools.netmonitor.columnsData"

(a screenshot of the whole browser, including devtools, could also help).

Thanks

Flags: needinfo?(paal.andreassen)

Honza,
Can you reproduce on Windows?

Flags: needinfo?(odvarko)

I don't have any STRs, but I think that this is dup of bug 1605361

What if we tried to avoid values <= 0 passed to createImageData?

https://searchfox.org/mozilla-release/rev/f8fb0274699faa048544b22a6bbfc5449d11c703/devtools/client/netmonitor/src/widgets/WaterfallBackground.js#68

Honza

Flags: needinfo?(odvarko)

(In reply to Jan Honza Odvarko [:Honza] (always need-info? me) from comment #14)

I don't have any STRs, but I think that this is dup of bug 1605361

What if we tried to avoid values <= 0 passed to createImageData?

https://searchfox.org/mozilla-release/rev/f8fb0274699faa048544b22a6bbfc5449d11c703/devtools/client/netmonitor/src/widgets/WaterfallBackground.js#68

Honza

This part was already fixed in Bug 1684689 :) We now pass widths at least equal to 1.
See comment 8.

Based on this I feel like it's probably related to a specific layout/size/position of the toolbox.
So if you can also share this info. Eg go to about:config and find the values of a few prefs:

  • all prefs starting with "devtools.toolbox"
  • "devtools.netmonitor.columnsData"

(a screenshot of the whole browser, including devtools, could also help).

Thanks

Julian, thank you! :)
Now I found the reason - it happens when zoom level in toolbox is under 100%
devtools.toolbox.zoomValue 0.9

Workaround

  • in about:config set value of devtools.toolbox.zoomValue to 1
  • restart your network panel

It was probably introduced just recently, I use zoom in my toolbox panel intentionally and quite often... It was not issue in previous releases....

(In reply to Miroslav Bimbo from comment #16)

Now I found the reason - it happens when zoom level in toolbox is under 100%
devtools.toolbox.zoomValue 0.9

That's a great find! I quickly tried on windows, and I still couldn't get it to fail on FF85 after playing around with the zoom value. But nonetheless it might explain a lot.

If others impacted by the issue can check their zoom level and try the workaround suggested by Miroslav in the previous comment it would be great. If it is related to the zoom level, then I'm pretty confident that the fix from Bug 1684689 will address the issue (it is in Firefox 86 at the moment).

My devtools.toolbox.zoomValue is set to 1 but I still get the createImageData error. The network tab is fine until a request would show up, then it crashes.

(In reply to Daniel Beckwith from comment #18)

My devtools.toolbox.zoomValue is set to 1 but I still get the createImageData error. The network tab is fine until a request would show up, then it crashes.

Hi Daniel,
What version of Firefox are you on? Please have you been able to try Firefox 86 as mentioned in comment 12

Flags: needinfo?(djbsnx)

(In reply to Hubert Boma Manilla (:bomsy) from comment #19)

(In reply to Daniel Beckwith from comment #18)

My devtools.toolbox.zoomValue is set to 1 but I still get the createImageData error. The network tab is fine until a request would show up, then it crashes.

Hi Daniel,
What version of Firefox are you on? Please have you been able to try Firefox 86 as mentioned in comment 12

Sorry I missed that, I will test it out with Firefox 86.

Flags: needinfo?(djbsnx)

After upgrade to FF85, I can not reproduce the problem anymore.

Closing this as think its been fixed by Bug 1684689.

Feel free to reopen if it occurs again.

Status: UNCONFIRMED → RESOLVED
Closed: 4 years ago
Resolution: --- → DUPLICATE

Got this error today at FF85

(In reply to Ilya Tkachou from comment #23)

Got this error today at FF85

Can you please file a new bug report and attach the info that's displayed in the Network panel?
Could you also try to repro the crash in Firefox Nightly (there is more crash related info displayed)

Thank you!

Honza

Flags: needinfo?(ilyatkachou)

Any solution??

(In reply to islamenes222 from comment #25)

Any solution??

Can you please file a new bug report with the specific error you are seeing?

Flags: needinfo?(islamenes222)
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: