Map not showing if using css "calc"
<p>I have a here.com where I am using the geocoding example (<a href="https://developer.here.com/javascript-apis/documentation/v3/maps/topics/geocoding.html" rel="nofollow">LINK</a>) exactly as described.</p>

<p>My <code>&lt;div class="mapModal" id="mapContainer"&gt;&lt;/div&gt;</code> has the following css:</p>

<pre><code>.mapModal{
height:calc(100% - 50px);
width:calc(100% - 250px);
top:50px;
left:250px;
padding:5px;
position:absolute;
z-index:3;
</code></pre>

<p>}</p>

<p>Unfortunately this does not show the div with the map.</p>

<p>When I change the height to a fixed height like this: <code>height: 800px;</code> it works perfectly.</p>

<p>Is there any way to have a (screen fitted) dynamic size of the map container?</p>