rust-lang
Buggy stats graph on mobile Firefox
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:
https://github.com/user-attachments/assets/dfa0e983-ac56-4254-87a4-335513685028
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.
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.
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.
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.
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'.
Thanks for confirming! For me it seems "Smooth" made it more likely to occur but it also happened without it.
I have created https://github.com/chartjs/Chart.js/issues/12045 now. If anyone has additional information, feel free to add them there.
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. 👍