When my Mapbox map loads, I am experiencing issues with it only rendering partially. It seems that adjusting the width of the browser or inspecting the page will cause the map to snap into place and display correctly. To demonstrate this problem, I created a JSFiddle showcasing the issue: My_Mapbox_Map. I have attempted to fix this by adding the following code snippet after all the map logic:
`setTimeout(function() { map.invalidateSize(); }, 200);`While this solution works in the JSFiddle example, in my actual application it only resolves the problem about half of the time and does not work at all on FireFox. Even after refreshing the screen multiple times, the map still fails to render completely.