Hidden website content by pane


#1

I have added google maps in to “sidemenu” template with a new menu button and so on. Everything worked fine, started playing with the template. Removing header and so on. After a few days I came back I saw that it does not work as expected. Whole map is hidden under . If I remove this pane node from browser dev tools I can see the map.
Checked the html, everything looks fine. Tried rollbacking changed html, still nothing. I even tried generating new template and adding default google map implementation to it and it still does not work.

Changes made:
menu.html - added where it belongs. Menu works perfect.
maps.html* - new template added which looks like this

 <ion-view>
    <ion-content>
      <div id="map" data-tap-disabled="true"></div>
    </ion-content>
<ion-view>

index.html - added google maps library
app.js - added routing
map-ctrl.js* - new controller for google map implementation. (Copied from: https://codepen.io/ionic/pen/uzngt)
style.css - few styling rules (also from https://codepen.io/ionic/pen/uzngt)

I am not sure how is that possible that 4 days ago everything worked fine and now, I cant fix it using new template. I am not very familiar with ionic but is it possible that version has changed or something similar. (I dont remember updating ionic explicitly)