score:3

i've run into a similar issue where when i create my own wrapper for a new mapboxgl map. this issue only shows itself on firefox and safari. this isn't the best solution, but it might be a decent a workaround. add the following to the map component:

this.map.once('load', () => {
  this.map.resize()
})

this means that the initial render of the map will look awful. you will want something to mask the loading process. but in absence of a solution that makes it render, properly, the first time, in the virtual dom, it might work out.


Related Query

More Query from same tag