iPad doesn't render any chart.js canvas

[theRealBaccata]

Expected Behavior

After developing some beautiful charts using chart.js I started testing the results on some real devices. Everything's looking fine on my desktops and smartphones. So I opened https://www.chartjs.org/ on my iPad device to continue testing.

Was expecting to see some nice canvas as I see on other devices (desktop, android).

Current Behavior

Well I do see the page, however I don't see the canvas. At all. Neither on Safari nor Chrome. Also tried incognito mode. Please have a look at this screenshot:

Steps to Reproduce

1. Grab an iPad, preferable iPad Air 1
2. Open Safari or Google Chrome
3. Feel free to browse to https://www.chartjs.org/

Context

Needles to say, my chart.js canvas are also not shown, also https://codepen.io/pen?template=BapRepQ doesn't show a chart. However these W3Schools canvas are rendered just fine.

Environment

• Chart.js version: Chart.js v3.5.0
• Device: iPad Air 1 (MD788FD/A) v.12.4.8
• Browser name and version: Safari (don't know how to get the version, I'm not an iOS user) & Google Chrome (92.0.4515.90)
• For Chrome: Tested also the incognito mode.

[LeeLenaleee]

It seems like this is a duplicate of #8414.

Since chart.js v3 we make use of the resize observer which is not supported in outdated browsers.
I dont see any chrome for IOS in the caniuse table but if they hold the same versioning as for android it explains why it doesnt show in chrome and safari. To solve this you will need to polyfill the resize observer

https://caniuse.com/resizeobserver

[theRealBaccata]

@LeeLenaleee Thank you very much for your response. I added resize-observer and it's now working like a charm.