In my ionic app I want to place some content (leaflet map) behind transparent navigation bar. I figured that the best way to do it is to use tag. Everything works and looks great in safari and chrome. However, when I try emulation this code in Xcode emulator or on my iPhone I get “white screen of death”. I remove this tag from main page and everything works fine again! Both Safari and xCode consoles are empty.
Another thing I’ve noticed that if I use this tag in other pages (but not the first screen - where I REALLY need it) I don’t get this white screen. Why is this happening? how can I fix this?
here is my startup page code
<ion-view class="layouts-view"> <ion-nav-title> <span>Main Page</span> </ion-nav-title> <ion-content class="no-header" scroll="false" data-tap-disabled="true"> <div style="position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px;"> <leaflet id="map1" layers="layers" maxBounds="maxBounds" defaults ="defaults" center = "center" width="100%" height="100%"> </leaflet> </div> </ion-content>