Buggy stats graph on mobile Firefox

[MariusAlbrecht]

Current Behavior

"Scrolling" the date along the graph goes along with very weird visual bugs. I say "weird" because I don't see any regularities or possible explanations for them.

Here's a screen recording on https://crates.io/crates/clap:

VID_20241013183929.mp4

Expected Behavior

not that.

Steps To Reproduce

open a crate page and scroll along the stats overview graph. See "Environment" as well

Environment

• Browser: Firefox 131.0.2. Also happens on Firefox Nightly 133.0a1
• OS: Android 12

Anything else?

Does not happen on Google Chrome 126.0.6478.186.

[Turbo87]

the good news is: I can reproduce it

the bad news is: I don't think we can reasonably do much about it 😅

we are using https://github.com/chartjs/Chart.js for these graphs, but I don't know about about the internals of this library for be able to debug this. might make sense to search for a corresponding issue on their issue tracker though and/or potentially open a new one if there isn't one yet.

[eth3lbert]

other good news is: It does not happen on firefox for ios.

[MariusAlbrecht]

I don't see an existing issue over there.
But I also don't know js or know how the graphs are being created so I don't really see myself as someone that could open a reasonable one.

[Marcono1234]

I am experiencing the same, also for Firefox on Android only.

Though I am also seeing similar rendering issues for the Chart.js sample https://www.chartjs.org/docs/latest/samples/area/radar.html, when toggling the "Smooth" setting. Is someone else experiencing this as well?
Maybe it would be worth reporting it to the Chart.js maintainers then since that hopefully makes it easier for them to reproduce.

[MariusAlbrecht]

Though I am also seeing similar rendering issues for the Chart.js sample https://www.chartjs.org/docs/latest/samples/area/radar.html, when toggling the "Smooth" setting. Is someone else experiencing this as well?

I can reproduce on FF nightly on Android. Though, glitches only appear right after switching to 'smooth'.

[Marcono1234]

Thanks for confirming! For me it seems "Smooth" made it more likely to occur but it also happened without it.

I have created chartjs/Chart.js#12045 now. If anyone has additional information, feel free to add them there.

[Turbo87]

thanks for taking care of reporting this @Marcono1234! I hadn't been able to reproduce it on their webpage and was afraid it's something we had been doing incorrectly on our side, but thanks to your instruction I was able to reproduce on their webpage too. 👍