iOS tap event incorrectly passed between states


#1

State 1 has both header and a subheader. In subheader there is an input element.
You can directly navigate from state 1 to the state 2.
And from state 2 to state 1 by using a back button, defined like that:

<div class="bar bar-header bar-positive">
  <button class="button button-icon icon-left icon ion-arrow-left-c" ng-click="backButton()"></button>
  <h1 class="title">{{chatData.name}}</h1>
</div>

function backButton($event){
    $ionicHistory.goBack();
}

Back button navigates to the state 1.
On iOS if you tap bottom part of the icon the input element from the subheader gets focus and keyboard is showing up. Android works properly.
I have tried:
$event.stopPropagation();

Problem appears in some other view with exact same layout.

Does anyone has an idea how to prevent that?