Chart.js icon indicating copy to clipboard operation
Chart.js copied to clipboard

Published 20 hours ago • verified publisher icon chartjs

It seems that animated charts shrink on Chrome on mobile devices since V4

Open Axos11 opened this issue 2 years ago • 6 comments

Expected behavior

The animation should work as on desktop and IOS devices.

Current behavior

On mobile all sample charts with an animation included shrink to a bare minimum over time. e.g. https://www.chartjs.org/docs/latest/samples/animations/delay.html

Reproducible sample

https://www.chartjs.org/docs/latest/samples/animations/delay.html

Optional extra steps/info to reproduce

No response

Possible solution

Seems to work in the last v3 scripts.

Context

No response

chart.js version

v4.2.1

Browser name and version

Chrome 110.0.5481.64

Link to your project

No response

Axos11 avatar Feb 16 '23 01:02 Axos11

What device are you using?

Tested with a iphone 11 and it seemed to work fine

LeeLenaleee avatar Feb 16 '23 13:02 LeeLenaleee

I tested it on an Pixel 7 (Android 13).

I can confirm that on an iphone (Safari and Chrome) everything just works fine.

Axos11 avatar Feb 16 '23 14:02 Axos11

I replicated it on a friends Pixel 7 Pro

Axos11 avatar Feb 17 '23 17:02 Axos11

Same for me on Android 13, but only in Chrome

Chrome 114.0.5735.61 Android 13; M2012K11AG Build/TKQ1.220829.002

niveKKumar avatar Jun 09 '23 07:06 niveKKumar

Also getting this on:

Android 13; Pixel 7 Build/TQ3A.230705.001 Chrome 114.0.5735.226

mbaxter91288 avatar Jul 26 '23 12:07 mbaxter91288

Can confirm the same on

Android 13; Samsung Galaxy A53 Build/TP1A.220624.014 Chrome 119.0.6045.66

Chart.js version: 4.4.0

Can't replicate it on the same device when rendering the page using the system WebView (through a Capacitor app)

aharish avatar Nov 10 '23 11:11 aharish