Ionic 5 Google Map Marker breaking animations on IOS

Ionic Framework
1

I’m adding google map on an ionic app using google maps javascript api 3. The map works fine but the minute i add marker on the map, the cordova animations stop working on ios, on android everything works smoothly. For example clicking on ion-select or adding Alert produces following error

Unhandled Promise rejection: – “undefined is not a function (near ‘…element.animate…’)” – “; Zone:” – “” – “; Task:” – “Promise.then” – “; Value:” (2) TypeError: undefined is not a function (near ‘…element.animate…’) — animation-5559213c.js:652 (anonymous function) — animation-5559213c.js:652 forEach initializeWebAnimation — animation-5559213c.js:651 initializeAnimation — animation-5559213c.js:674 play — animation 5559213c.js:950 (anonymous function) — animation-5559213c.js:961 forEach play — animation-5559213c.js:960 (anonymous function) — animation-5559213c.js:852 ZoneAwarePromise — zone.js:910 playAsync — animation-5559213c.js:850 (anonymous function) — overlays-10cf2041.js:202 step — tslib.es6.js:99 fulfilled — tslib.es6.js:70 run — zone.js:150 (anonymous function) — zone.js:889 runTask — zone.js:195 drainMicroTaskQueue — zone.js:601 promiseReactionJob

My app’s ionic version is 5.2.3. Any help would be appreciated.

2

Update: this stackoverflow answer solved my problem

I’m on 4.8.1 and am having the exact same issue with the google maps javascript API.

[error] - Unhandled Promise rejection: undefined is not a function (near ‘…element.animate…’) ; Zone: ; Task: null ; Value: {“line”:154956,“column”:46,“sourceURL”:“capacitor://localhost/vendor.js”} capacitor://localhost/vendor.js:154956:46
forEach@[native code]
initializeWebAnimation@capacitor://localhost/vendor.js:154955:25
initializeAnimation@capacitor://localhost/vendor.js:154977:39
play@capacitor://localhost/vendor.js:155249:32
capacitor://localhost/vendor.js:155260:27
forEach@[native code]
play@capacitor://localhost/vendor.js:155259:32
capacitor://localhost/vendor.js:155151:17
ZoneAwarePromise@capacitor://localhost/polyfills.js:3882:41
playAsync@capacitor://localhost/vendor.js:155149:27
capacitor://localhost/vendor.js:158513:54
asyncFunctionResume@[native code]
[native code]
promiseReactionJob@[native code]