rishi
August 10, 2014, 10:04pm
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?
3 Likes
rs324
August 11, 2014, 12:44am
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,
Hi sometimes (when you switch states really fast) , the ionic loading.hide is not removing the "loader-active" class from body element which makes modals buttons not useable took me a long time to figure it out , this is my code ...
Reading time: 1 mins 🕑
Likes: 5 ❤
3 Likes
Seems to be related to this open issue:
1 Like
Dipesh
August 24, 2014, 1:35pm
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);
});
3 Likes
You have save my day! Thank you, buddy!
rishi:
A solution is to do the following:
.modal-open .modal, .modal-open .modal-backdrop {
pointer-events: auto !important;
}