Ion-header-bar left hand buttons not working


#1

Hi all, just upgraded to beta version 6 and my left hand buttons in my menu bar have stopped working.

My template:

<ion-header-bar align-title="left" class="bar-assertive">
    <div class="buttons">
      <button class="button-icon icon ion-navicon" ng-click="toggleMenu()"></button>
    </div>
    <h1 class="title">Search Applications</h1>
  </ion-header-bar>

My controller:

$scope.toggleMenu = function() {
        $ionicSideMenuDelegate.toggleLeft();
};

Interestingly enough, all my right hand buttons still work. E.g. the following:

<ion-header-bar align-title="left" class="bar-assertive">
        <h1 class="title">Search Applications</h1>
       <div class="buttons">
              <button class="button-icon icon ion-navicon" ng-click="toggleMenu()"></button>
       </div>
</ion-header-bar>

Any ideas?

CHEERS!


#2

Just copied and pasted your header into the side-menu demo. Things seem fine on this end. Are you getting any errors?


#3

The problem appears to only exist when I test on my Android tablet. The code works fine when I run in the browser.


#4

Trying a tablet right now…


#5

Just tried this on a tablet, buttons still work. Not sure where this error could be coming from