Crash/page reload on mobile with flyTo animation after some time while easeTo does not

[basvdijk]

mapbox-gl-js version: 3.3.0

browser: CapacitorJS webview on iOS

Steps to Trigger Behavior

This quite hard to say. In my app I animate a location indicator on the map with flyTo.

Using flyTo, it takes between 2 and 3 minutes to trigger a complete page refresh. There are no error messages in the console, the app does not crash, it just refreshes the page.

When I replace flyTo with easeTo there is no issue at all. I can run the animation for at least 5 minutes.

Some things I researched:

• mapbox-gl 2.2.12, refreshes page after 3:30 mins
• mapbox-gl 3.1.10, refreshes page after 2-3 mins
• flyTo worked about a year ago (I guess I was using iOS 16 at the time), could be an issue which is new in iOS 17
• essential: true or essential: false parameter did not affect the refresh.
• The random refresh does not occur in Chrome on macOS, only on iOS
• Could be related to https://github.com/mapbox/mapbox-gl-js/issues/11954