New traffic widget broken in Firefox in Version 21.1.2

[borkedporcupine]

• I have read the contributing guide lines at https://github.com/opnsense/core/blob/master/CONTRIBUTING.md
• I have searched the existing issues and I am convinced that mine is new.

Describe the bug

After updating to version 21.1.2 the Traffic Graph widget on the dashboard does not display the graphs while using Firefox. Appears to work without issue in other browsers. No errors are appearing in the developer console in Firefox.

To Reproduce

Steps to reproduce the behavior:

1. Open Firefox browser
2. Log into web gui
3. Add traffic widget if it's not already on dashboard
4. View broken widget.

Expected behavior

Expect widget to contain graphical information as it does in other browsers.

Screenshots

Additional context

Add any other context about the problem here.

Environment

OPNsense 21.1.2-amd64

Forum Link

https://forum.opnsense.org/index.php?topic=21726.0

[fichtner]

@borkedporcupine thanks for the ticket! I assume 8b9764f does not help in your case? If so which Firefox version are you using and which dashboard widgets do you have enabled?

Cheers,
Franco

[kulikov-a]

changing $(window).on("load" to $( document ).ready works good on my firefox.
with calling on 'load' canvas gets height: 0px on firefox

[IsaacFL]

I copied this from Firefox console this morning. Firefox 86 on Windows 10. I don't know if this will helpful or not.

FireFox 86 Console Output.txt

[kulikov-a]

@IsaacFL
i think that "undefined variables" issue was fixed:
https://forum.opnsense.org/index.php?topic=21726.msg102444#msg102444
after that the console should be quiet imho but widget can be empty some times