Chart doesnt initialise on iOS iPhone SE (2016)

[supmanyu]

Expected Behavior

Chart instance should initialise with the provided options

Current Behavior

Initialisation fails with "ReferenceError: Can't find variable: ResizeObserver". Error is not thrown on Desktop(iOS/Safari) or even other iOS Mobile devices. Image below is from Safari mobile debugger tool.

Possible Solution

Possible recent removal of ResizeObserver in #8009 has a reference somewhere in the code?

Steps to Reproduce

Context

Chart doesnt initiate specifically on iPhone SE (2016), on an iPhone SE 2020 it works fine. possible legacy device issue?

Environment

• Chart.js version: v3.0.0-Beta10
• Browser name and version: iOS 14 Safari Latest Stable Version

[kurkle]

Its an unsupported browser. If you want to support that in your app, you need to add the required polyfills.

[kurkle]

Safari 13.1 added support for ResizeObserver, are you sure you have iOS 14 Safari Latest Stable Version

[supmanyu]

Issue was reported by a client, so the browser version might be outdated, anyways, thanks for the quick response.

[alexkuc]

In case someone comes across this issue, here is a possible solution for you

• https://cdn.polyfill.io/v3/
  • this is a "builder" sorta system where you pick which polyfills you need, copy the given url and presto!
  • this loads polyfills conditionally i.e. if the browse supports natively ResizeObserver, polyfill will not load
  • no need for bundling, minifying, etc.; just include url and everything will be done for you
• https://github.com/juggle/resize-observer
  • this is the polyfill used by the aforementioned link (except slighter newer version)
  • I have included this link also in case you use bundler or already have a polyfill management system in place