Websites using ChartJS library randomly freezing/breaks graphics on page resize

[Codehardt]

URL: https://chartjs.org

Browser / Version: Firefox 116.0 Operating System: Mac OS X 10.15 Tested Another Browser: Yes Chrome

Problem type: Site is not usable Description: Page not loading correctly Steps to Reproduce: Websites based on ChartJS library cause the firefox tab to freeze. ChartJS is a library to create Charts in Websites using JavaScript. The freeze sometimes happen, when the Browser window gets resized or if something else on the website triggers a resize of any chart, see this Github Issue: https://github.com/chartjs/Chart.js/issues/11444

The issue only occurs on newest Firefox versions on MacOS and Linux. Firefox ESR is working fine, other browsers like Chrome or Edge too. The issue doesn't seem to be related to any newer ChartJS updates, even Websites using older ChartJS versions are affected.

The freezing tab becomes completely unusable, even refresh does not help.

View the screenshot

Browser Configuration

• None

From webcompat.com with ❤️

[softvision-raul-bucata]

We appreciate your report. I was not able to reproduce the issue following the steps to reproduce on both issues. On the mentioned issues, I can see a lot of add-ons being active.

Tested with:

Browser / Version: Firefox Release 116.0.3 (64-bit) Operating System: Mac Ventura 13.1

Suggestion: Try clearing cache/data/cookies, disabling add-ons and Ad-blocker (if available) and extensions or use a clean profile, and check again? If there are any changes made to the default settings of the browser (e.g. in about:config) please revert to the default settings and try again. Also, have the required cookies been accepted for this page?

[qa_34/2023]

[Codehardt]

I have encountered the problem across various devices, including a Linux system where Firefox hadn't been installed previously. The issue persists even on web pages that don't require the acceptance of any mandatory cookies. I want to emphasize that I don't employ any add-ons or extensions, and this problem is consistently reproducible even when using Firefox's safe mode, which disables all add-ons and extensions.

The occurrence of the issue can be somewhat unpredictable, ranging from instances where triggering it takes time to cases where a single window resize suffices.

In the specific scenario that drew my attention to the freezing problem, I observed it on a page featuring charts. These charts initially lacked a vertical scrollbar, but due to deferred content loading, additional content was introduced, consequently prompting the appearance of a scrollbar. This newly introduced scrollbar caused a slight resizing of the charts, leading to the freeze.

[softvision-raul-bucata]

What I would do usually to test this kind of issue, is:

1. Type about:profiles in the url bar.
2. Choose Create a new profile.
3. Call it deleteme or anything you please.
4. Then start it. (this way you will be sure that nothing is interfering, no ghost caching etc.)- make sure account sync is not performed, as the extensions will be imported in the new profile.
5. Test.

[inv_35/2023]

[Codehardt]

Please find below a screen recording with a freshly created firefox profile.

https://github.com/webcompat/web-bugs/assets/15139137/ebce2482-7f2d-4c0d-8936-a49b5ea2f490

[softvision-raul-bucata]

Thanks for the extra info. I was able to reproduce the issue following the screen rec provided.

Tested with:

Browser / Version: Firefox Release 116.0.3 (64-bit)/ Firefox Nightly 119.0a1 (2023-08-28) (64-bit)/Chrome Version 116.0.5845.111 (Official Build) (64-bit) Operating System: Mac Ventura 13.1

Notes:

1. Reproducible regardless of the status of ETP.
2. Reproducible on the latest build of Firefox Nightly and Release.
3. Works as expected using Chome.

Moving this to NeedsDiagnosis for further investigations.

[inv_35/2023]