Hey everyone I’ve been running into some issues with the header overlapping the content and scrolling not happening on the side menus.
Although I’ve taken it out from this snippet, i’ve tried putting class/attr has-header in just about every possible combination:
<ion-side-menus> <ion-side-menu-content> <ion-header-bar class="bar-dark"> <button class="button icon ion-arrow-left-a" ng-click='back()'></button> <h1 class="title">Ionic Shopping Checkout</h1> <button class='button icon ion-bag' ng-click='toggleRightSideMenu()'></button> </ion-header-bar> <ion-purchase></ion-purchase> // custom directive <ion-purchase-footer></ion-purchase-footer> // custom directive </ion-side-menu-content> <ion-side-menu side="right"> <ion-cart has-header='true' ng-controller='CartController'></ion-cart> // custom directive </ion-side-menu> </ion-side-menus>
Additionally, my ng-repeat of items in the side menu isn’t scrolling, even when I nest them in an ion-scroll element. This is likely a completely unrelated issue, however I’m curious if anyone has come across that issue too.
Thanks for all the help in advance!