Why an ionic modal freezes the UI when it is closed or submitted?
<p>I have a popover which two options -Add Favorite and Add Comment-, the first options is working correctly: it does not freeze the user interface; but the second one once the form is omitted or submitted freezes the interface. This is what is happening: </p>

<p><a href="https://i.stack.imgur.com/ZVO3v.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/ZVO3v.gif" alt="Android app"></a></p>

<p>Note how when I close the form the interface does not respond.</p>

<p>This is the code I have used to create the popover and and modal:</p>

<pre><code>$ionicPopover.fromTemplateUrl('templates/dish-detail-popover.html',{
scope: $scope}) 
.then(function(popover){
    $scope.popover = popover;
});

$scope.openPopover = function($event){
    $scope.popover.show($event);
}

$scope.closePopover = function() {
    $scope.popover.hide();
}; 

$ionicModal.fromTemplateUrl('templates/dish-comment.html', {
    scope: $scope
}).then(function(modal) {
    $scope.commentModal = modal;
});

// Triggered in the reserve modal to close it
$scope.closeAddComment = function() {
    $scope.commentModal.hide();
};

// Open the reserve modal
$scope.showCommentModal = function($event) {
    $scope.closePopover();
    $scope.commentModal.show($event);
};
</code></pre>

<p>The template for <code>dish-detail-popover.html</code>:</p>

<pre><code>&lt;ion-popover-view&gt;
    &lt;ion-content&gt;
      &lt;div class="list"&gt;
        &lt;a class="item" ng-click="addFavorite(dish.id)"&gt;
          Add to favorites
        &lt;/a&gt;
        &lt;a class="item" ng-click="showCommentModal()"&gt;
          Add Comment
        &lt;/a&gt;
      &lt;/div&gt;
    &lt;/ion-content&gt;
&lt;/ion-popover-view&gt;
</code></pre>

<p>and the template for <code>dish-comment.html</code>:</p>

<pre><code>&lt;ion-modal-view&gt;
  &lt;ion-header-bar&gt;
    &lt;h1 class="title"&gt;Submit Comment on Dish&lt;/h1&gt;
    &lt;div class="buttons"&gt;
      &lt;button class="button button-clear" ng-click="closeAddComment()"&gt;Close&lt;/button&gt;
    &lt;/div&gt;
  &lt;/ion-header-bar&gt;
  &lt;ion-content&gt;
    &lt;form id="comentDishForm" name="comentDishForm" ng-submit="doComment()"&gt;
      &lt;div class="list"&gt;
        &lt;label class="item item-input item-select"&gt;
          &lt;span class="input-label"&gt;Rating&lt;/span&gt;
            &lt;select ng-model="comment.rating"&gt;
                &lt;option ng-repeat="n in [1,2,3,4,5]" value="{{n}}"&gt;{{n}}&lt;/option&gt;
            &lt;/select&gt;
        &lt;/label&gt;
        &lt;label class="item item-input"&gt;
          &lt;span class="input-label"&gt;Your Name&lt;/span&gt;
          &lt;input type="text" ng-model="comment.author"&gt;
        &lt;/label&gt;
        &lt;label class="item item-input"&gt;
          &lt;span class="input-label"&gt;Your Comment&lt;/span&gt;
          &lt;input type="text" ng-model="comment.comment"&gt;
        &lt;/label&gt;
        &lt;label class="item"&gt;
          &lt;button class="button button-block button-positive" type="submit"&gt;Submit&lt;/button&gt;
        &lt;/label&gt;
      &lt;/div&gt;
    &lt;/form&gt;
  &lt;/ion-content&gt;
&lt;/ion-modal-view&gt;
</code></pre>

<p><strong>NOTE</strong>: When the form is called from the Add Comment button (the green one), it works correctly. The failure is related when it called from the popover.</p>

<p>Some suggestions, or ideas,... to solve this?</p>