Modal not receiving touch events


#1

Hi,

My modals aren’t receiving touch events; specifically, pointer-events: auto is being overriden:

In the picture of webkit inspector above, the pointer-events: auto is being superseded by the pointer-events: none.

A solution is to do the following:

.modal-open .modal, .modal-open .modal-backdrop {
    pointer-events: auto !important;
}

But I’m curious as to why this is happening in the first place. Anyone have any ideas?


Modal on iOS not clickable
Spinner without blocking UI
#2

your modals not receiving touch/click evens because your body tag have “loading-active” class
I have tested it and its seems as bug on the ionicLoading while changing states,

i wrote about it here,


#3

Seems to be related to this open issue:


#4

My current workaround for this problem:

 $scope.$on('modal.shown',function() {
     setTimeout(function(){
          if( $document[0].body.classList.contains('loading-active')) {
              $document[0].body.classList.remove('loading-active');
          }
      },50);
});  

#5

You have save my day! Thank you, buddy!