[web] WebGL contexts. Oldest context will be lost.

[samu-developments]

Hi,

Since the first time I tried my app on web I have received these errors in the console:
WARNING: Too many active WebGL contexts. Oldest context will be lost.
and
Flutter: restoring WebGL context.
The map works fine in the beginning, but after navigating to another screen and back, or sometimes when resizing the window, these error start to appear. After a short while the map crashes, however the rest of the app continue to work.

My map

The error do seem to be related to Flutter issue flutter/flutter#75914, however I've not seen anyone else using MapBox report this, so maybe I'm doing something wrong.

Using --web-renderer html seem to work, however does not look as nice as canvaskit.

[pravsterrr]

Did you find a solution/ fix for this? Having the same issue with Android browsers running the html renderer

[samu-developments]

No unfortunately not

[metafounder]

I am also experiencing this on web, both html and canvaskit renders

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[webprofusion-chrisc]

For what it's worth this also happens in standard mapbox_gl js in a standard web page, it happens when a map context is created (such as in a popup) then the view is disposed of. I believe the solution is to call map.remove() when you are finished with it (i.e. when you close your dialog/page/view)