Action Sheet Won't Show


#1

Hi All,

I’m currently running into an issue where my Action Sheet isn’t showing. The screen dims and it appears like the Action Sheet is going to show, but it simply doesn’t show up.

Here’s the controller that is supposed to show it:

FiltersCtrl.$inject = ['$rootScope', '$scope', '$ionicActionSheet'];
function FiltersCtrl($rootScope, $scope, $ionicActionSheet){
    /* jshint validthis: true */
    // VARIABLES
    var vm = this;
    vm.showSiteActionSheet = showSiteActionSheet;

    function showSiteActionSheet(){
      var hideSheet = $ionicActionSheet.show({
        buttons: [
          { text: 'First' },
          { text: 'Second' },
          { text: 'Third' }
        ],
        titleText: 'Choose',
        cancelText: 'Cancel',
        cancel: function() {
          // add cancel code..
        },
        buttonClicked: function(index) {
          hideSheet();
          console.log(index);
        }
      });
    }
  }

It’s taken pretty much directly from the docs, so I’m not sure what would be causing this issue.

Any help would be greatly appreciated!