The map I have in a list of locations is not rendered properly. Seems to be releated to the height of the first item?
If I select (navigate) to an item and go back, the rendering is as expected
Loading the page:
After selecting a location and pressing back:
Hi @Preben ,
Could you please share the style properties you used for the map and the overlaying container(s)?
I tried to reproduce the layout, but in my case, the map always took up the full height and width. I applied a fixed height to the overlaying container, and the map was set to 100% width and 100% height.
Hi @Preben ,
It’s a bit difficult to reproduce the issue without full insight, but could you try a different approach with your map?
Specifically, try setting the container that holds the map not to use display: flex, and apply a fixed height and width directly to the map component.
Also, you mentioned the issue occurs “when you navigate back”. Could you explain in a bit more detail what you mean by that?
I could do that, but not the functionality / look that I want 
The issue occur when the page is first loaded, but if click through to another view, and then navigate back, the issue is solved.
Let me know if you want to have a quick call about it.
