Template not visible due to surrounding <div class='scroll'> having a height of 0


Hi, I’m creating my first ever app in Ionic and I’m fairly new to both Ionic and AngularJS, but I think I’m getting the hang of things. However, I’ve run into a little problem.

I have created a simple plunker here http://plnkr.co/edit/prJE3IHt213J3sy9cuwb
I have content that I’m trying to view through <ion-nav-view>, which should become a <main> element through UI Router.
Through inspection I see that the element is there, but the content is invisible since the height of the parent <div class='scroll'> is 0. The only ways I’ve manage to “fix” this problem are through editing the Ionic library, which I really don’t feel is necessary.

Is there something fundamental that I’m missing here which can fix this?

Thanks in advance for any help.


Well, it turns out that I was mixing the order of <ion-content> and <ion-nav-view>, which seemed to solve things.