Button rendered not clickable


#1

When I ionic emulate android and my app is launched, the button is shown but it is not clickable. Following is my html:

  <body ng-app="starter" ng-controller="MainController">
  <ion-header-bar class="bar-stable">
    <h1 class="title">Ionic Blank Starter</h1>
  </ion-header-bar>
  <ion-content>
    <div class="card">
        <div class="item item-text-wrap">
            {{result}}
        </div>
    </div>
    <button ng-click="getresult()" class="button button-block button-primary">Click</button>
  </ion-content>
  </body>

Any ideas to why the button might not be rendered properly?


#2

I have a similar problem with buttons rendered in a modal-dialog. On iOS buttons or other inputs within a modal-dialog are sometimes not clickable. :-/ On Chrome and Firefox everything works like expected.

There are no errors and the DOM looks right.

edit: are you using a Loading-Dialog in your Controller? I found out, that the loading-dialog blocked the whole UI from interaction even though the loading-dialog was closed with $ionicLoading.hide();


#3

No. Just a simple button and it doesn’t work :frowning:


#4

I just ran this example on my 4.1 device and it works just fine.

Used the latest release, beta 11. What version are you using?


#5

Worked on real device. Thanks.


#6

I’m having the same issue. Ionic modal is rendered but buttons are not clickable. I’ve tested in on the device and emulators. Any idea what may be the root cause.

I’m running on:

"ionic": "v1.0.0-rc.4",
"angular": "1.3.13"